FireFox "z-index"

[tonynoriega]

So i have a javascript app that decides to sit behind one of my layers, only in IE.

Tried the z-index with several layers to make sure the javascript sat above the layer but no luck...

everything looks good in FireFox, so i decided to try the negative Z index, and the layer dissapers in Firefox, but then works great in IE...

anyone got a hack for this issue?

[SuzyUK]

Yes but.. not without seeing it

I'm going to guess that position: relative is in here somewhere and then a width/height or two? I've done an extensive study on stacking contexts in IE when position relative and hasLayout is involved but unfortunately there is no easy answer as the IE6/7 I tested with has changed and the rules are not adhered to in either version..

You could use a conditional to feed your neg z-index to IE only if that works?

Suzy

[Xapti]

Are you using CSS z-index attribute, or HTML z-index attribute?

From my experience IE doesn't support negative z-indexes very well. Strange that it works for IE, and in Firefox it breaks. Maybe I got it mixed up?

you should post the code of your stuff too, as it might be helpful?

[Xapti]

I think maybe I was mixed up (or the situation where that existed was an exception, because it had to do with an iframe with transparent background, transparent body, transparent nav menu, and 20% body margin!). I'm having serious trouble using negative z-index at the moment. Anything that is layered in FF below zero seems to disappear.

[mandarseo]

What is this z-index? I am new to z-index. Where I could get information of this? And yes, some examples as well.

[tonynoriega]

check the W3C site and enter Zindex in their search...thats where i found all my info....which i knew a little about, but it introduced me to a negative Zindex, which i didnt know...

learn something new everyday...