4 svar · 215 visningar · startad av Wiberg
Jag har en iframe som ligger i ett lager som har z-index:10. Ändå visas iframen över ett annat lager som har z-index:20. Det är alltså bara iframen som ligger överst, resten av z-index:10-lagret ligger där det ska...
Hur fixar man till detta? 
Ingen som vet? 
Du måste använda position:absolute eller position:relative, och det fungerar från och med ie 5 och ns 6:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>iframe och div</title>
</head>
<body>
<div id="lager1" style="position:absolute; width:300px; height:200px; z-index:4; left: 70px; top: 20px; background-color: #333; border: 1px solid black; z-index:4"></div>
<iframe src="blank.htm" id="iframe1" width="300" height="400" style="position:absolute; top:25px; left:55px; z-index:2"></iframe>
</body>
</html>
Alla mina lager har position:Absolute och jag använder IE5...
Kolla.
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/overview/inlinefloatingframes.asp
Och sen scrolla ner till Related Topics -> z-index