nicht angemeldet
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