nicht angemeldet
Select Listen und Ebenen
0 
Gernot Back
0
Select Listen und Ebenen
hi,
ich habe folgendes Problem:
Ich habe eine Seite mit 2 Ebenen, die sich überschneiden. Auf der unteren befindet sich ein fromular mit einer Select Auswahlliste.
Das Problem ist nun das die Select liste immer im vordergrund bleibt, obwohl da eine Ebene drüber liegt. Das passiert bei anderen Feldtypen nicht. Ich möchte also wissen, ob es möglich ist, dass die Select Liste im hintergrund bleibt und nicht immer "obenauf" liegt.
Danke für die Hilfe.
Anbei der Quellcode:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<meta name="generator" content="Adobe GoLive 6">
<title>Willkommen bei Adobe GoLive 6</title>
<style type="text/css" media="screen"><!--
#Ebene1 { position: absolute; z-index: 0; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible; display: block }
#Ebene2 { background-color: #0f0; position: absolute; z-index: 3; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible; display: block }
--></style>
</head>
<body bgcolor="#ffffff">
<div id="Ebene1">
<select name="selectName" size="1">
<option value="one">first</option>
<option value="two">second</option>
<option value="three">third</option>
</select></div>
<div id="Ebene2"></div>
<p></p>
</body>
</html>
-
Hallo nefi,
#Ebene1 { position: absolute; z-index: 0; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible; display: block }
#Ebene2 { background-color: #0f0; position: absolute; z-index: 3; top: 16px; left: 16px; width: 100px; height: 100px; visibility: visible; display: block }<div id="Ebene1">
<select name="selectName" size="1">
<option value="one">first</option>
<option value="two">second</option>
<option value="three">third</option>
</select></div>
<div id="Ebene2"></div>
<p></p>Ich vermute mal, dein Problem erstreckt sich ausschließlich auf den Internet-Explorer, der Z-Indizes, sobald sie select-Boxen, betreffen einfach ignoriert.
Aber aber, das ist doch nicht wirklich ein Problem, es gibt doch auch noch andere Browser!
Gruß Gernot
-
Hallo Gernot,
das Problem ist, das es bei allen Browsern auftritt und man es auch nicht umgehen kann es soll aber workarounds geben, und ich wollte eigentlich wissen ob jemand einen weiß, da ich per Google nichts gefunden habe.
http://www.webreference.com/dhtml/diner/seethru/
Gruß
nefi
-
-
Hi Nefi,
es gibt verschiedene Workarounds, ich weiss aber nicht, ob diese genau auf dein Problem passen:
http://www.codetoad.com/forum/20_22736.asp?spage=1Schau es dir mal an, ob dir diese Techniken nützen.
Wenn nicht, überlege doch, ob du die Sache noch anders lösen kannst.
(alles in eine Ebene packen oder ähnliches)Gruss
Florian-
Danke für den hinweis es sind einige interessante Ansätze dabei allerdings funktioniert das ganze für meinen Fall eher schlecht.
Ich habe eine andere Lösung gefunden.Gruß
Matthias
Hi Nefi,
es gibt verschiedene Workarounds, ich weiss aber nicht, ob diese genau auf dein Problem passen:
http://www.codetoad.com/forum/20_22736.asp?spage=1Schau es dir mal an, ob dir diese Techniken nützen.
Wenn nicht, überlege doch, ob du die Sache noch anders lösen kannst.
(alles in eine Ebene packen oder ähnliches)Gruss
Florian-
Wie hast du es denn jetzt gelöst,
würde mich interessieren.Gruss
Florian
-
-