zIndex problems with IE 5.5 ?

[toolkit]

Hi there,

For IE: I am creating a little popup window using a div, and want to ensure this is displayed in front of any elements on the page. I have a little code like:

function showCaption() {

    // code to create text for the caption

    div.style.zIndex = 10;  // arbitrary large zIndex number
    div.style.visibility = "";
}

function hideCaption() {
    div.style.visibility = "hidden";
}

When the code is added to a form with <SELECT> elements, these elements always seem to appear with a higher stacking order than the div, so the caption appears with a 'hole' in it through which the <SELECT> element can be seen....

Anyone know if this is a 'feature' of IE, and if so is there a workaraound?

Thanks for any information. Cheers, NEIL

 

[toolkit]

An example of the problem:

I have even tried:

div.style.zIndex = Number.MAX_VALUE;

But to no avail.

Thanks for any suggestions, NEIL

 

[TuZ]

hi NEIL
i'm afraid it is not ie feature..
take a look:

http://www.webreference.com/dhtml/diner/seethru/index.html

at least i didn't found any workarounds..

 

[toolkit]

Thanks tuz

What a pain :-(

Cheers, NEIL

 

[toolkit]

Actually, it mentions one workaround, which is to hide each element. Sounds like the way to go, something like:

selects = document.getElementsByTagName( 'select' );
...
function showCaption() {
    for( var s = 0; s < selects.length; s++ )
        selects[s].style.visibility = &quot;hidden&quot;;
    div.style.visibility = &quot;&quot;;
}

function hideCaption() {
    for( var s = 0; s < selects.length; s++ )
        selects[s].style.visibility = &quot;&quot;;
    div.style.visibility = &quot;hidden&quot;;
}

I'm going to have a go ;-)

Cheers. NEIL