Support Forums
CSS Transparency-All Browsers - Printable Version

+- Support Forums (https://www.supportforums.net)
+-- Forum: Categories (https://www.supportforums.net/forumdisplay.php?fid=87)
+--- Forum: Webmaster Support (https://www.supportforums.net/forumdisplay.php?fid=36)
+---- Forum: Website Development (https://www.supportforums.net/forumdisplay.php?fid=43)
+---- Thread: CSS Transparency-All Browsers (/showthread.php?tid=2825)



CSS Transparency-All Browsers - xXWolfyXx - 11-11-2009

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.


RE: CSS Transparency-All Browsers - Grizzly - 11-13-2009

Way to rip something and not give credit to where you got it from.