✔ <div> und <iframe>

[UkAtZ]

Tag zusammen,

ich hab folgendes Problem wozu ich in diesem Forum leider nichts gefunden habe.

Ich binde in meine Seite ein IFrame ein. In diesem IFrame befinden sich Links, die ich mit Hilfe eines Div-Container überblenden möchte. Etwa so:

<style type="text/css">
<!--
#cover
{
	margin-left: 250px;
	margin-top: -50px;
	width: 120px;
	height: 20px;
	background-color: #001063;
}
-->
</style>

Unter dem IFrame binde ich das dann folgendermaßen ein:

<div id="cover"></div>

Jedoch liegt das IFrame darüber. Kann man das irgendwie ändern?

Gruß,
UkAtZ

 

[Maik]

Hi,

um das DIV über den iFrame legen zu können, ist eine Schichtpositionierung mittels z-index erforderlich:

iframe {
position:absolute;
left:50px;
top:50px;
z-index:1;
width:120px;
height:20px;
border:none;
}

#cover {
position:absolute;
left:50px;
top:50px;
z-index:2;
width:120px;
height:20px;
background:#001063;
}

 

[UkAtZ]

Perfekt, vielen Dank!

Wieder was gelernt.

 

[manu84]

Hallo Ich habe das gleiche Problem!
Allerdings wars bei mir leider nicht mit z-index getan.

Es funktioniert ja im Firefox und Safari auch wunderbar, aber der IE7 macht mir etwas Probleme. Kann es sein, dass der ein überblenden eines iframes verbietet?

Vielen Grüße
Manu

 

[manu84]

Hehe

Es geht doch Ich habe eben herausgefunden, woran es liegt!
Und zwar zeigt er das DIV genau so lange an, bis am auf die Idee kommt zu aktualisieren. Es klingt komisch, ist aber so. Wenn ich die Seite das erste Mal aufrufe, sieht man das DIV wunderbar. Sobald ich allerdings F5 drücke um zu aktualisieren, verschwindet es.

Nur so als Hinweis, wenn jemand mal das gleiche Problem haben sollte.

Gruß Manu