Maximalen z-Index aus DOM ermitteln?

[EKKi]

Mahlzeit,

das Veraschachteln stellt doch kein Problem dar.

Doch.

Ich finde ja den größten zIndex Wert (in deinem Beispiel 1000).

Das bringt Dir aber nichts.

Es ist doch nun egal ob der in einem DIV mit zIndex 2 verschachtelt ist.

Eben nicht.

Wenn ich nun als z-Index 1001 (also 1000 + 1) wähle, liege ich ja in jedem Fall auch über dem äußeren DIV mit zIndex 2!

Nein. Du hast das Prinzip von z-index nicht verstanden. Der z-index bezieht sich immer nur auf alle Elemente der gleichen oder einer "untergeordneten" Ebene.

Ich versuche mal Svens Beispiel deutlicher zu machen:

<style type="text/css">  
[code lang=css]div {  
 width: 100px;  
 height: 100px;  
}

</style>
[...]
<div>
  <div style="position: absolute; z-index: 2; background-color: red;"></div>
  <div style="position: absolute; z-index: 1; top: 20px; left: 50px; background-color: green;">
    <div style="position: relative; z-index: 1000; top: 50px; left: 20px; background-color: blue;"></div>
    <div style="position: absolute; z-index: 500; top: 20px; left: -20px; background-color: yellow;"></div>
  </div>
</div>[/code]

Das <div> mit dem z-index 1000 liegt natürlich ÜBER dem <div> mit dem z-index 500, auch wenn es VOR diesem definiert wurde. Allerdings liegt es auch UNTER dem "Onkel"-<div> mit z-index 2, weil sein eigenes "Eltern"-<div> nur einen z-index von 1 hat.

Also das Verschachteln wäre kein Problem!

Wäre es gerade doch!

MfG,
EKKi