Why doesn't Z-Index in IE render the way it's supposed to over a Flash Movie?

Question

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?!

Looks like they want us to give the parent div relative positioning and a z-index of 1. Still doesn't work for me though. — Diventare Creative, Apr 17 '09 at 17:50
You may want to change the title of the question to include the fact that the issue is Flash-related. — Zack The Human, Apr 20 '09 at 22:33

Zack The Human · Accepted Answer · 2011-01-31T17:35:19.633

22

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" />

edited Jan 31 '11 at 17:35

answered Apr 20 '09 at 22:16

Zack The Human

Thanks, had the same problem. The Adobe link doesn't work anymore, though. – Dave Van den Eynde Jan 31 '11 at 12:42
@Dave Thanks for the note -- I updated the Adobe link with a working URL. – Zack The Human Jan 31 '11 at 17:35

score 5 · Answer 2 · answered Apr 17 '09 at 17:33

5

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

answered Apr 17 '09 at 17:33

Alex Fort

score 3 · Answer 3 · answered Apr 17 '09 at 17:46

3

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

answered Apr 17 '09 at 17:46

Shane Fulmer

score 2 · Answer 4 · answered Apr 17 '09 at 17:32

2

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/

answered Apr 17 '09 at 17:32

swilliams

4 Answers4