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>
hth