If you are looking for a Cross Browser Compatible CSS Opacity code, you need look no further. The following provides 100% opacity (which is the same as 0% transparency.)

1
2
3
4
5
6
7
8
9
10

Body {
 
...your body css...
 
-moz-opacity: 1.0 !important;
-webkit-opacity: 1.0!important;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" !important;
filter: alpha(opacity=100) !important;
opacity: 1.0 !important;
}

The key is ensuring that the order of the opacity entries are kept in this format.

The -webkit- opacity handles chrome, the -mox- handles FF, Netscape, Mozilla, the -ms- handles older IE versions, like 5 and 6.

• best css opacity for all browsers.
• opacity css cross browser?
• how to use css opacity
• what is css opacity
• cross browser opacity css
• opacity css for IE6, IE5