Gruppen
- Top Gruppen
- Betriebsysteme
- Windows classik
- Linux
- BS-Sonstige
- Software
- Datenbanken
- Bildbearbeitung
- Audio/mp3/Video
- Security/Viren
- SW-Sonstige
- Hardware
- Mainboard/CPU
- Grafikkarten
- Peripherie
- Laptop/Notebook
- HW-Sonstiges
- Netzwerk
- Telefon,ISDN,Modem
- W-Lan
- NW-Sonstiges
- Programmierung
- PHP,ASP,Perl...
- Java,C++...
- Webseiten/HTML
- Sonstiges
- PC-Sonstiges
- Plauderecke
- SN Intern
- Test
/ Forum / Webseiten/HTML
Webseiten/HTML
Fragevon tomslawik vom 05.08.2020, 22:09 Options
Problem mit CSS
Hi,
Ich habe folgendes Problem:
Ich habe 2 absolute Layer eins mit z-index 1 und 1 mit 2. 1 ist im hintergrund und 2 im vordergrund. Der Text auch. Aber das Select Tag will immer ganz nach vorne. Egal was für ein Z-index:
<html>
<head>
<title>Test Seite
</title>
<style type="text/css">
<!--
.div1 { position:absolute;background-color:#FF0000;border:5px solid #000000;height:200px;width:300px;left:100px;top:50px;z-index:1; }
.div2 { position:absolute;background-color:#FFFF00;border:5px solid #000000;height:200px;width:300px;left:200px;top:150px;z-index:2; }
//-->
</style>
</head>
<body>
<div class="div1">
<select size="8" multiple>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
</select><br />TEEEEEEEEEEEEEEEEEEEEEST
</div>
<div class="div2">
</div>
</body>
</html>
Ich habe folgendes Problem:
Ich habe 2 absolute Layer eins mit z-index 1 und 1 mit 2. 1 ist im hintergrund und 2 im vordergrund. Der Text auch. Aber das Select Tag will immer ganz nach vorne. Egal was für ein Z-index:
<html>
<head>
<title>Test Seite
</title>
<style type="text/css">
<!--
.div1 { position:absolute;background-color:#FF0000;border:5px solid #000000;height:200px;width:300px;left:100px;top:50px;z-index:1; }
.div2 { position:absolute;background-color:#FFFF00;border:5px solid #000000;height:200px;width:300px;left:200px;top:150px;z-index:2; }
//-->
</style>
</head>
<body>
<div class="div1">
<select size="8" multiple>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
<option>TEEEEEEEEEEEEEEEEEEEEEST
</option>
</select><br />TEEEEEEEEEEEEEEEEEEEEEST
</div>
<div class="div2">
</div>
</body>
</html>
Antwort 1 von tomslawik vom 05.08.2020, 22:11 Options
Das ganze ist aber nur beim IE 6 nicht beim Mozilla.
Ähnliche Themen
CSS und Forefox 2.0.0.2
SilverTiger 10.03.2007 - 95 Hits - 26 Antworten
problem mit CSS Rahmen
Karumi 05.10.2007 - 73 Hits - 2 Antworten
CSS Link Formatierungs.Problem
Strg_Alt_Entf 08.11.2007 - 90 Hits - 57 Antworten
CSS Problem
maine13 05.07.2008 - 96 Hits - 5 Antworten
Hinweis
Diese Frage ist schon etwas älter, Sie können daher nicht mehr auf sie antworten. Sollte Ihre Frage noch nicht gelöst sein, stellen Sie einfach eine neue Frage im Forum..
Neue Einträge
