You are viewing an archive of Victory Road.
Victory Road closed on January 8, 2018. Thank you for making us a part of your lives since 2006! Please read this thread for details if you missed it.
Kyurem
2,186 posts
CSS Opacity is fairly easy to achieve in all browser, including IE5.5+, Firefox, Opera, Safari, Google Chrome, Konqueror, Epiphany, ...you get the idea.
The main property is quite simply "opacity". This will give you opacity in every browser except IE (with the exception of IE9+). To deal with IE, we need two more properties; "filter" and "-ms-filter". The latter will work well in Internet Explorer 8, and the former in 5.5+. In the end, our code is:
selector {
filter: alpha(opacity = 50); /* IE 5.5+ */
-ms-filter: alpha(opacity = 50); /* Overrides the previous in IE 8 */
opacity: .5; /* Overrides both of the previous in IE 9, works for all other browsers. */
}