Question

I have an issue that seems to have a workaround available. I need to set two values using IE’s propriety filter property in CSS.

I have…

element {
   filter: alpha(opacity=40);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)
}

The second filter seems to be overwriting the first, which is what I would expect.

How can I set them both?

Answer 1

Maybe I’m not understanding the question correctly, but why do you want to use both?

This does both opacity and gradient.

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=Look,endColorstr=#00FFFFFF)

Looking at #00FFFFFF, The first 2 00 controls opacity and the last 6 digits controls color.

Check working example http://jsfiddle.net/fG3dQ/