nicht angemeldet
Layer und Auswahlboxen
Gruss!
Ich habe folgendes Problem:
wenn ich Spans mit einem z-index>0 versehe - was das Element ja auf eine höhere Ebene heben sollte - dann hat der IE6 einen Darstellungsfehler bei Auswahlboxen.
Alle Formularfelder (bis auf die Auswahlfelder) werden korrekt dargestellt, nur die eben genannten Elemente werden als "oberste" Schicht gezeichnet und können nicht überdeckt werden.
Als Beispiel hänge ich mal das SelfHTML Beispiel vom Drag und Drop dazu.
Wäre toll, wenn mir jemand einen Hinweis geben könnte, wie ich die Formulare trotzdem im Hintergrund behalten kann.
Danke
Geri
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-15">
<title>Drag-and-Drop</title>
<script type="text/javascript">
<!-- gueltig fuer Netscape ab Version 6, Mozilla, Internet Explorer ab Version 4
//Das Objekt, das gerade bewegt wird.
var dragobjekt = null;
// Position, an der das Objekt angeklickt wurde.
// relativ zur oberen, rechten Ecke des Objekts
var dragx = 0;
var dragy = 0;
// Mausposition
// relativ zur oberen, rechten Ecke des Fensters
var posx = 0;
var posy = 0;
function draginit() {
// Initialisierung der Überwachung der Events
document.onmousemove = drag;
document.onmouseup = dragstop;
}
function dragstart(element) {
//Wird aufgerufen, wenn ein Objekt bewegt werden soll.
//Parameter element: Das zu bewegende Objekt.
dragobjekt = element;
dragx = posx - dragobjekt.offsetLeft;
dragy = posy - dragobjekt.offsetTop;
}
function dragstop() {
//Wird aufgerufen, wenn ein Objekt nicht mehr bewegt werden soll.
dragobjekt=null;
}
function drag(ereignis) {
//Wird aufgerufen, wenn die Maus bewegt wird und bewegt bei Bedarf das Objekt.
posx = document.all ? window.event.clientX : ereignis.pageX;
posy = document.all ? window.event.clientY : ereignis.pageY;
if(dragobjekt != null) {
dragobjekt.style.left = (posx - dragx) + "px";
dragobjekt.style.top = (posy - dragy) + "px";
}
}
//-->
</script>
</head>
<body onload="draginit()">
<div onmousedown="dragstart(this)" style="position:absolute;top:0px;left:0px;height:100px;width:100px;background:#ff0000"> </div>
<div onmousedown="dragstart(this)" style="position:absolute;top:200px;left:0px;height:100px;width:100px;background:#00ff00"> </div>
<form>
<input type=text>
<select name="top5" size="3">
<option>Heino</option>
<option>Michael Jackson</option>
<option>Tom Waits</option>
<option>Nina Hagen</option>
<option>Marianne Rosenberg</option>
</select>
</form>
</body>
</html>
-
Hi,
wenn ich Spans mit einem z-index>0 versehe - was das Element ja auf eine höhere Ebene heben sollte - dann hat der IE6 einen Darstellungsfehler bei Auswahlboxen.
Bitte nur relevanten Code posten. Selects koennen im IE nicht ueberlagert werden, ggf. musst Du sie zeitweise ausblenden (Css-Eigenschaft display oder visible).
Gruesse, Joachim
--
Am Ende wird alles gut.