Crossbrowser Opacity
I’ve been doing some research about opacity. After some time, I finally found a way to make it work on most of all the browsers.Its rather interesting, because I’ve tested it out with Windows Internet Explorer, regardless of the version….. and it works! No worries about Mozilla Firefox, Google Chrome and Apple Safari. I think it should work, considering the fact that it did on all versions of Windows Internet Explorer. If your curious, I used IETester to test it out
Before I get to the codes part, just let me clarify that I don’t really use Expression Web Super Preview, that product which is bundled in the Expression Web pack is of no use, at least to me! I mean common’, it only has Images for IE6, IE7-8, IE8 and Firefox 3.5(which is not needed). Now with IETester, I have IE 5.5 straight up to IE 8.0.
Getting back, so here is the code:
.opacity {
filter: alpha(opacity:0.5);
KHTMLOpacity: 0.5;
MozOpacity: 0.5;
-khtml-opacity:.50;
-ms-filter:”alpha(opacity=50)”;
-moz-opacity:.50;
filter:alpha(opacity=50);
opacity:.50;
}
Comments
No comments on this page yet...