Support Forums

Full Version: CSS Transparency-All Browsers
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
one of the trickiest things you can accomplish. Transparency for all browsers, esp in the CSS itself. Well here is my simple little code you can use to actually make your website bg, or what ever you want to do with it transparent. I hope you enjoy.

Code:
.transparent_class {
filter:alpha(opacity=50);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
}

Now here are some little instructions for ya and the meaning to the code so you can edit it yourself.

opacity: 0.5; This is the main part, do not mess with it, This will work in most versions of Firefox, Safari, and Opera. This would be all you need if all browsers supported current standards. which of course.....they dont

filter:alpha(opacity=50); for the most hated browser IE

-moz-opacity:0.5; for the ghetto firefox and netscape

-khtml-opacity: 0.5; This is for way old versions of Safari (1.x)

You can find other codes like this on google.....but i dont think any of them really get all browsers. Least not yet.

Note: I have not tested this out on ALL browsers, other than stated, so dont expect this t work all of the time.
Way to rip something and not give credit to where you got it from.