Front-end Web Developer | Tampa, FL

CSS Transparency Settings for All Browsers

Posted on: March 11th, 2010 by admin No Comments

 

Opacity for all browsers exept IE’s

 

{CODE type:php;}
.opacity {
opacity: .8;
}
{/CODE}

 

Opacity for IE 5/6/7

 

{CODE type:php;}
.opacity {
filter: alpha(opacity=80);
}
{/CODE}

 

Opacity for IE 8

 

{CODE type:php;}
.opacity {
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
}
{/CODE}

 

So, for all browsers CSS will be:

 

{CODE type:php;}
.opacity {
opacity: .8;
filter: alpha(opacity=80);
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=80)”;
}
{/CODE}

Comments are closed.