2009-04-17 11 views
6

Ich arbeite auf einer Website mit zwei absolut positionierten divs ... das Logo und das Menü (Navbar)Warum rendert Z-Index im IE nicht den Weg, den es über einen Flash-Film haben soll?

IE begräbt sie beide, auch nach mehreren Versuchen von Z-Index-Manipulation. Warum kann IE nicht so gut funktionieren wie Firefox oder sogar Opera?

UPDATE .......

vergaß ich, dass diese divs über einen Flash-Film positioniert sind, ganz zu schweigen. Wie hätte ich das vielleicht vergessen können ?!

+0

Sieht so aus, als ob sie uns die relative Position des Elternteils und einen Z-Index von 1 geben wollen. Funktioniert aber immer noch nicht für mich. –

+0

Möglicherweise möchten Sie den Titel der Frage so ändern, dass das Problem Flash-bezogen ist. –

+0

Dieses Problem betrifft auch IE8. –

Antwort

22

Wenn Ihr Flash-Film ist Ihre anderen Inhalte zu begraben Sie Glück, indem ein zusätzliches Element param zu Ihrem eingebetteten Objekt haben können: Sie

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

Für eine längere beantworten kann Siehe hierzu blog post about stacking windowed/flash content. Adobe hat auch eine TechNote about this issue.

+0

Super, danke, es hat funktioniert! –

+0

Danke, hatte das gleiche Problem. Der Adobe-Link funktioniert jedoch nicht mehr. –

+0

@Dave Danke für den Hinweis - Ich habe den Adobe-Link mit einer funktionierenden URL aktualisiert. –

5

IE hat mehrere gut dokumentierte Z-Index-Bugs. Es scheint, dass IE einen neuen Stapelkontext für positionierte Elemente erstellt. Siehe here.