✔ Bild über iframe platzieren?

[catcharry]

Habe eine Seite mit mehreren iframes und möchte diese teilweise mit einer .png-Grafik überlagern. Trotz z-index-Formatierung will das einfach nicht funktionieren. Kann mir da mal jemand einen Tip geben?

Danke schon mal im voraus

PS: Hier mal die Codes einmal für die .html-Datei

<div id="menu_lese">
<iframe width="250px" height="100px" src="menu_lese.html" border="0" framespacing="0" frameborder="0" scrolling="no" ALLOWTRANSPARENCY="true"></iframe>
</div>

<div id="back_hp">
	<a href="javascript:self.close()" class="black">&raquo; Fenster schliessen</a>
</div>
          
<!------------ Link Gewinnspiel! ------------>
<div id="button_gs">
	<img src="scans/pfeil_gs.png">
</div>

und für die externe .css-Datei

#menu_lese {
	background-color:#1E2F7A;
	position:absolute;
	top:470px;
	left:710px;
	z-index:1;
	width:200px;
    padding:20px;
    max-width:200px;}

#back_hp {
	position:absolute;
	top:610px;
	left:750px;
	z-index:1;}

#button_gs {
	position:absolute;
	top:500px;
	left:150px;
	z-index:3;}

 

[Gumbo]

Also mein Beispiel funktioniert:

<div style="position:relative">
	<iframe src="http://example.net/" style="width:600px; height:300px"></iframe>
	<img src="http://docs.indymedia.org/twiki/pub/Global/ImcDesign/imc-logo-mk2-600x300-transparent.png" style="position:absolute; top:0; left:0">
</div>

Allerdings wird damit das iframe-Element nicht mehr zugänglich.

 

[catcharry]

Tja, was soll ich sagen.
Hab die beiden Dateien verglichen und bin zu keinem anderen Ergebnis gekommen als das man am sinnvollsten in der richtigen .css-Datei arbeitet. Dann kann man Änderungen auch viiiieeeel schneller sehen ;-)

Schande über mein Haupt, aber trotzdem danke für die schnelle Antwort.

 

[Gumbo]

Wenn deine Frage damit beantwortet bzw. dein Anliegen befriedigt ist, dann markiere dieses Thema bitte als erledigt.