nicht angemeldet
Hi,
hab das nochmal in Netscape und Internet Explorer ausprobiert.
im NS isses ok, im IE funktionierts nicht.
erstmal zu deinem Code:
<html>
<head><title></title>
<script language="JavaScript">
sollte lauten:
<script type="text/javascript">
function tauschen() {
document.all.bot.style.zIndex = "10";
}
document.all is nur IE.
</script>
</head>
<body><div id="bot" style="position:relative; top:100; left:0;"><a href="#" onmouseover="tauschen();"><img border="0" src="images/start/wechsel1.jpg" width="180" height="135"></a></div>
Das <div> und <a> brauchst du hier garnicht.
Das kann man auch direkt dem image zuweisen:
<img border="0" src="images/start/wechsel1.jpg" width="180" height="135" alt="" style="position:relative; top:100; left:0; z-index:1;" onmouseover="tauschen();">
<div id="wasserf" style="position:relative; top:-135; left:130;"><img border="0" src="images/start/wechsel2.jpg" width="135" height="180"></div>
<div id="berge" style="position:relative; top:-200; left:203;"><img border="0" src="images/start/wechsel3.jpg" width="135" height="180"></div><script language="JavaScript">
document.all.bot.style.zIndex = "1";
document.all.wasserf.style.zIndex = "2";
document.all.berge.style.zIndex = "3";
</script>
warum per Javascript zuweisen?
Das geht doch direkt im style (s.o.)
</body>
</html>
denke, das könnte auch so aussehen:
-----------------------------------------------------------
<html>
<head>
<title></title>
<script type="text/javascript">
function tauschen()
{document.getElementById('bot').style.zIndex="10";}
</script>
</head>
<body>
<img id="bot" border="0" src="images/start/wechsel1.jpg" width="180" height="135" alt="" style="position:relative; top:100px; left:0px; z-index:1;" onmouseover="tauschen();">
<img id="wasserf" style="position:relative; top:-135px; left:130px; z-index:2;" border="0" src="images/start/wechsel2.jpg" width="135" height="180">
<img id="berge" style="position:relative; top:-200px; left:203px; z-index:3;" border="0" src="images/start/wechsel3.jpg" width="135" height="180">
</body>
</html>
-----------------------------------------------------
Habe den einzelnen Images mal unterschiedliche z-Indizes gegeben.
Sowohl der IE als auch der NS haben das entsprechend interpretiert und die Images gemäß den Indizes überlappend angezeigt.
Ein Wechsel des z-Index per Javascript wurde vom NS wie erwartet interpretiert.
Der IE reagierte jedoch nur, wenn position:absolute gesetzt war.
Bei position:relative ignorierte er die Änderung des z-Index einfach.
Ist das ein Bug des IE ???
gruß
peter