CSS Z-Index Can’t Have Negative Values In Firefox
If the CSS layers that you see in Internet Explorer and Safari aren’t visible in Firefox (2.0 Mac/Win) the problem could be that you have a negative z-index value on your layer. While w3schools.com says negative values are allowed, they don’t work, so keep your z-index values positive.
April 6th, 2007 at 8:35 pm
This is a bug in Gecko and is already fixed in what will become Firefox 3. It will not be fixed in Firefox 2.
More information is available at https://bugzilla.mozilla.org/show_bug.cgi?id=78087
- A
May 30th, 2007 at 6:53 am
Well it’s not so much a bug as a different interpretation of standards. If you give your body a z-index it will become a stacking context; your z-index=-1 divs will then hopfully appear in it as you expected.
June 15th, 2007 at 1:31 pm
Yeah, I spent 1 hour trying to figure out why my images weren’t showing up. Apparently only use positive z-indexes. lol
June 26th, 2007 at 4:17 pm
Even if it stacks below other elements, transparency would allow us to see the lower element. but it is as if Gecko doesn’t draw the element at all.
March 12th, 2008 at 9:44 am
You’re right,
Still in 2.0.0.12 firefox doesn’t take a negative value for z-order. Maybe it is on the CSS specs, but I don’t know yet.
Thanks.
April 8th, 2008 at 12:47 pm
nor does it take 0 in, which makes no sense to me as 0 is the basis of all integer variables in any computer language I have used…