nicht angemeldet
Hallo,
folgendes funkioniert im IE wie im Mozilla:
<html>
<head>
<title>Test1</title>
<script type="text/javascript">
function tauschen() {
document.getElementById('bot').style.zIndex = "10";
}
</script>
</head>
<body>
<div id="bot" style="position:relative; top:100px; left:0; width:180px; height:135px; background-color:red" onclick="tauschen();"></div>
<div id="wasserf" style="position:relative; top:-130; left:130; width:180px; height:135px; background-color:blue;"></div>
<div id="berge" style="position:relative; top:-120; left:65; width:180px; height:135px; background-color:black;"></div>
<script type="text/javascript">
document.getElementById('bot').style.zIndex = "1";
document.getElementById('wasserf').style.zIndex = "2";
document.getElementById('berge').style.zIndex = "3";
</script>
</body>
</html>
Die Bilder habe ich mal weggelassen und duch Hintergrundfarbe ersetzt. Deine Anmerkungen zur zIndex-Zuweisung per Style und nicht per Script sind selbstverständlich richtig. Voraussetztung scheint zu sein, daß nicht nur position, left und top, sondern auch width und height als style angegeben sind. Du kannst ja mal testen, ob das mit Bildern direkt und ohne divs genauso funktioniert.
Wenn ich denn schon die Größe der Bilder kenne, würde ich das in diesem Falle jedoch mit absoluter Positionierung machen, ich finde diese negativen Werte für top und left ziemlich unsauber.
cu,
ziegenmelker