CSS Opacity for All Browsers Cross Browser Compatible
May 3rd, 2009 | by admin | published in Web Development, technology
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.)
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 [...]
