Image1 soll eigentlich nur eine Position nach oben verschoben werden, liegt aber ganz oben (IE11).
HTML
<script type="text/javascript">
function init(){
image1.style.position="fixed";image1.style.zIndex="3"; // Image1 ist leider ganz oben!
image2.style.position="fixed";image2.style.zIndex="2";
image3.style.position="fixed";image3.style.zIndex="4";
image4.style.position="fixed";image4.style.zIndex="5";
}
function close() {
window.open('', '_parent', '');
window.close();
}
</script>
<html>
<body style="overflow:hidden; "onload="init();">
<div id='d1' style="position:fixed; top:0; left:0; z-index:1">
<img id="image1" src="bild1.png" width="600" height="450"></img>
<div id='d2' style="position:fixed; top:100; left:100; z-index:2">
<img id="image2" src="bild2.png" width="600" height="450"></img>
<div id='d4' style="position:fixed; top:200; left:200; z-index:4">
<img id="image3" src="bild3.png" width="600" height="450"></img>
<div id='d5' style="position:fixed; top:300; left:300; z-index:5">
<img id="image4" src="bild4.png" width="600" height="450"></img>
</body>
</html>
Alles anzeigen
hth