2010-07-07 12 views
27

Esiste un modo per sovrascrivere l'ereditarietà z-index dagli elementi padre quando si utilizza la posizione assoluta. Voglio 2222 div per essere al top della 0000 div:è possibile sovrascrivere l'ereditarietà z-index dall'elemento padre?

<div style="background-color:green; z-index:10; position:relative"> 
    OOOO 
</div> 

<div style="background-color:yellow; z-index:5; position:relative"> 
    1111 
    <div style="position:absolute; background-color:red; 
       z-index:15; top:-8px; left:20px"> 
     2222 
    </div> 
</div> 

non posso cambiare z-index di 0000 o 1111 div e sto cercando di posizionare la mia 2222 elemento rispetto a 1111 elementi.

risposta

23

Credo che z-index sia relativo all'elemento posizionato più vicino. Quindi, se hai due div all'interno del div "1111", potrebbero essere z-index'd l'uno rispetto all'altro, ma dal 2222 è un figlio di 1111, non può essere z-indexed rispetto a 0000, e sarà sempre sopra 1111.

+3

quindi se ho capito bene non c'è modo di "elemento z-index" relativamente al suo fratello genitore in giro per me quindi sta aggiungendo elemento figlio 2222 direttamente a document.body e calcolando la sua posizione assoluta relativa a 1111 utilizzando $(). offset() – Marek

+0

Sì. Sembra giusto. –

+3

Ho questo problema e non è possibile veramente "sistemare" questo dato i limiti del nostro CMS, quindi devo hackerare qualcosa insieme per far funzionare l'underlay modale. L'idea migliore che mi è venuta in mente è che quando avvii il popup modale, ripristino lo z-index del genitore. Mentre esco dal modale, ricollego l'originale z-index all'interno della funzione modale chiusa. – TheChristopher

Problemi correlati