try using a smaller value for z-index I find IE a bit flakey with anything
over 100 .
if it helps i break my page down into layers by groups of 10 .
so all background elements are zindex 0-9 main page elements 10-19 overlays
20-29 and so on as needed .

On Tue, Aug 17, 2010 at 2:45 PM, dawnj2sb <[email protected]> wrote:

> I'm creating an overlay for a popup using Mootools 1.2.4 - Mask(). To
> make sure it covers everything on the page, i bumped the z-index of
> the mask class from '1' to '11999':
>
> .mask {
>        position: absolute;
>        opacity: 0.6;
>        filter: alpha(opacity=60);
>        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
>        z-index: 11999;
>        background: #333;
> }
>
> This change has been updated in all browsers except IE6. But I
> verified I'm looking at the same page. Is there something in the JS
> that keeps the z-index at '1' for IE6?
>
> I ended up just taking the HTML and CSS from the mask element and
> creating my own mask.setStyle('display':'block') function to make it
> work properly.

Reply via email to