nicht angemeldet
Hallo Leute,
ich hatte diese Frage schon letzte Woche mal gestellt, aber leider keine Antwort bekommen. Deshalb versuche ich es nochmal. Vielleicht kann mir ja heute jemand weiterhelfen.
Folgendes test-file ist zu finden unter:
http://www.programmierbuecher.de/uhr/test/test.html
Die Seite besteht aus einem kleinen Java-Applet, einem Bild und einem Input-Feld.
Mein Ziel: Ich möchte, dass das Bild vor dem Java-Applet positioniert wird.
Mein Weg: Ich habe es per CSS-Befehl z-index versucht. Aber dies scheint bei Java-Applets nicht zu funktionieren. Das Java-Applet befindet sich dennoch im Vordergrund, obwohl der z-index-Wert des Bildes größer ist.
Benutze ich diese Funktion falsch oder besteht eine andere Möglichekeit mein Ziel zu erreichen?
Hier der Code, des Test-files:
<html>
<head>
<title>test</title>
<meta name="author" content="Gerd Gruber">
<script language="JavaScript">
<!--
function testen() {
document.getElementsByName("hallo")[0].value="Testen";
}
function testen2() {
document.getElementsByName("hallo")[0].value="nochmal Testen";
}
//-->
</script>
</head>
<body text="#000000" bgcolor="#FFFFFF" link="#FF0000" alink="#FF0000" vlink="#FF0000">
<div style="position:absolute; top:50px; left:20px; width:300px; height:300px; z-index:2;">
<applet code="Clock.class">
</applet>
</div>
<div style="position:absolute; top:100px; left:0px; width:59px; height:56px; z-index:5;">
<a href="http://www.heise.de/" onmouseover="testen()" onmouseout="testen2()"><img src="test.gif" alt="test" border="0"></a>
</div>
<div style="position:absolute; top:250px; left:0px; width:200px; height:100px; z-index:3;">
<input type="text" name="hallo" value="hallo">
</div>
</body>
</html>
ich bedanke mich schon vorab auf eure Antworten,
mit freundlichen Grüßen
Gerd Gruber