Auswahlliste erscheint über DIV-Layer
Christian
- javascript
Hallo! Ich habe folgendes Problem:
auf einer Seite gibt es ein Formular mit Auswahllisten und einen DIV-Layer. Dieser ist per JavaScript drag&drop-fähig. Der Layer erscheint über allen anderen Elementen der Seite, nur die Auswahllisten sind immer obenauf. Woran liegt das?
Anbei mal ein kurzes Beispiel ohne drag&drop:
<html>
<head>
<title>Test</title>
</head>
<body>
<div id="test" style="position:absolute;
left:20px; top:20px; width:100px; height:100px;
clip:rect(0px 100px 100px 0px); background-color:green;
layer-background-color:green;z-order=0">
test
</div>
<form method="POST" action="">
<select size="1" name="D1">
<option>test</option>
<option>test2</option>
<option>test3</option>
</select><br>
<input type="text" name="T1" size="20"></p>
</form>
</body>
</html>
hi,
die frgae wird hier sehr häufig gestellt; du hättest sie also eigentlich schon finden sollen, wenn du mal im </archiv/> gesucht hättest.
aber so weit hättest du gar nicht gehen müssen, wenn du die aktuelle hauptdatei mal überflogen hättest; dann hättest du nämlich auch https://forum.selfhtml.org/?t=86993&m=515952 gefunden.
nächstes mal bitte erst suchen, dann fragen. danke.
gruß,
wahsaga
hi
auf einer Seite gibt es ein Formular mit Auswahllisten und einen DIV-Layer. Dieser ist per JavaScript drag&drop-fähig. Der Layer erscheint über allen anderen Elementen der Seite, nur die Auswahllisten sind immer obenauf. Woran liegt das?
layer-background-color:green;
gibt es nicht.
z-order=0">
z-index!
Nebenbei haben einige Browser für Dropdowns, iFrames und einiges ähnliches immer z-index:unendlich!
Gruß Kai