|
|||
Boxen-Problem (z-index)
Ich hab hier zwei geschachtelte, übereinanderliegende div/span-boxen. Obwohl mit z-index die Reihenfolge rote-box ueber gruene-box eingestellt ist, werden die Boxen in der Aufruf-Reihefolge angezeigt. Was ist verkehrt?
Der Code (-Ausschnitt) sieht so aus: Code:
<div style="position:relative;width:400px;height:180px"> <div style="position:absolute;top:10px;height:80px;width:200px;background:#FF0000;z-index:2">rot <span style="display:block;position:absolute;top:-10px;left:10px;width:150px;height:150px;background:#00FF00;z-index:1">gruen</span> </div> </div> |
Sponsored Links |
|
|||
Dazu musst du z-index als solches erst mal verstehen:
Zitat:
|
Sponsored Links |
|
|||
Das hatte ich bereits gelesen (SELFHTML: Positionierung und Anzeige von Elementen). Ist denn die gruene-box kein Kindelement der rot-box?
|
|
|||
Hm, und wie komme ich trotzdem zum gewünschten Ergebnis? In meinem Beispiel soll das Kindelement (gruene-box) unter dem Elternelement (rote-box) positioniert werden. Geht das überhaupt und wenn ja, wie (und wenn nein, warum nicht/Alternative)?
|
|
|||
Dass es nicht geht, steht ja auch schon in dem zitierten Text. Eine Alternative wüßte ich nicht. Außer, beide sind Elternelemente. Aber ein Kindelement beim z-index unter dem Elternelement zu bringen, ist meiner Meinung nach nicht möglich. Dafür gibt es ja auch extra diese Spezifikation.
|
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Wieder mal ein Problem mit dem IE | hinkel11 | CSS | 3 | 14.09.2009 19:39 |
Problem mit dem gestalten einer Box | Muckel | CSS | 2 | 12.08.2009 16:24 |
Problem mit float und margin | raz | CSS | 4 | 11.12.2008 15:58 |
Firefox 2 Boxen Problem | Slider | CSS | 2 | 16.10.2008 21:15 |
Gleiche Abstände zwischen Boxen? | Shepstar | CSS | 5 | 29.07.2006 04:37 |