IE Opacity Issues with Z-index

Question

Hi Guys,

I have opacity working in ALL Browsers except IE - the problem in IE (6,7,8) is that the color renders as a SOLID :(

The CSS I am using is legit per the MS Blog Post on IE Opacity Filter

  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=75)";
  filter: alpha(opacity=75);

The weird thing is that I have my elements structured with Z-Index (overlay with 90, lightbox with 100)

When I set the z-index to -1 - IE Opacity starts rendering, but >0 and it appears solid again?

Any ideas!? Its driving me nuts!

Answer 1

Hi, are u supporting IE6 till??, not more please

Maybe some help: Jquery PNG

Another snippet

nice tip

Answer 2

Are you using a lightbox plugin or are you trying to make your own? You might want to check out slimbox2 and see how he does it since he claims compatibility with all browsers of the rainbow.