Parts of your gradient declaration aren't the same as this sample I
found on Snipplr
http://snipplr.com/view/28379/shadow-and-gradient-fill-for-ie6-ie7-ie8/
filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,
StartColorStr='#20000000', EndColorStr='#A0000000');}
Make sure to capitalize everything properly and call the appropriate
arguments and see if that helps.
- Brandtley
On 3/26/2011 3:26 AM, Aaron wrote:
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]
--
--
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]
