div vor iframe platzieren

[Vera]

Guten Morgen zusammen!

Ich habe ein Problem mit dem CSS meiner Seite. Hier einmal die Beschreibung:

Ich nutze ein iframe (Youtube-Video) und möchte temporär ein div darüberlappend erscheinen lassen (Vergrößerung eines Bildes mit Text und ein bisschen drumherum aus einer Galerie, das bei hover zentriert auf der Seite erscheint. Somit passiert es, dass es auch mal über dem Youtube-Video - also dem iframe - stehen wird).

Ich habe bereits diesen Beitrag hier gefunden, allerdings konnte ich auch mit dem Verändern des position-Wertes keine Lösung finden: http://forum.de.selfhtml.org/archiv/2011/10/t207601/

Hier nunmal mein Code in leicht vereinfachter Form und das CSS inline für eine einfache Zuordnung:

<div style="position:fixed;margin:600px auto;z-index:100;left:50%;margin-left:-300px;"><img src="test.jpg" style="width:600px" /></div>  
  
<iframe style="position:relative;z-index:-1;" width="467" height="350" src="http://www.youtube.com/..." frameborder="0" allowfullscreen></iframe>

Das Resultat sieht so aus, dass das div vor allem Inhalt der Seite angezeigt wird - nur nicht vor dem iframe. Aber da soll es auch noch davor. Könnt ihr mir weiterhelfen?

Danke und beste Grüße
Vera

[ChrisB]

Hi,

Das Resultat sieht so aus, dass das div vor allem Inhalt der Seite angezeigt wird - nur nicht vor dem iframe. Aber da soll es auch noch davor.

Das geht m.W. nur, wenn das Flash-Objekt im Iframe mitspielt (Parameter wmode).
Da du das im Youtube-Iframe aber vermutlich nicht selber bestimmen kannst, bleibt dir nur, den Iframe über visibility:hidden so lange zu verstecken, wie du dein Div-Element drüberlegen willst.

MfG ChrisB