Hi there,
I am attempting to create a semi-transparent container. The following code
works perfectly in chrome, but not in ie 8 where the container is displayed
as a white box instead of a 70% opaque box. Any ideas where I'm going wrong?
.transparencycontainer {
width:500px;
/* Fallback for web browsers that doesn't support RGBa */
background: rgb(255, 255, 255);
/* For IE 5.5 - 7*/
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2FFFFFF,
endColorstr=#b2FFFFFF);
/* For IE 8*/
-ms-filter:
"progid:DXImageTransform.Microsoft.gradient(startColorstr=#b2FFFFFF,
endColorstr=#b2FFFFFF)";
/* RGBa with 0.7 opacity */
background: rgba(255, 255, 255, 0.7);
}
Also how do I translate the 70% opaque into the alpha value for IE (b2 in
the code above) - at the moment I'm just working off of an example.
Cheers,
A
--
--
You received this because you are subscribed to the "Design the Web with CSS"
at Google groups.
To post: [email protected]
To unsubscribe: [email protected]
