Why doesn't Z-Index in IE render the way it

问题:

I am working on a site with two absolutely positioned divs... the logo and the menu (navbar)

IE is burying them both, even after multiple tries of z-index manipulation. Why can't IE work as well as Firefox or even Opera for God's sake?

UPDATE.......

I forgot to mention that these divs are positioned over a flash movie. How could I possibly have left that out?!

回答1:

If your flash movie is burying your other content you may have luck by adding an additional param element to your embedded object:

<param name="wmode" value="opaque" />

For a longer answer you can see this blog post about stacking windowed / flash content. Adobe has a TechNote about this issue, too.

回答2:

IE has several well-documented Z-index bugs. It seems IE makes a new stacking context for positioned elements. See here.

回答3:

This is also an issue in IE7. Here's a link describing the problem: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html

回答4:

This is a known bug with IE6 (which I'm assuming you're using). Here's some description and some help: http://www.last-child.com/conflicting-z-index-in-ie6/