Posizionamento assoluto dietro l’elemento relativo relativo

Ho due elementi nello stesso contenitore, il primo ha la position: absolute , la seconda position: relative . C’è un modo per impostare lo “z-index” di un elemento assoluto in modo che sia in background? L’elemento relativo relativo dovrebbe essere in alto (livello z) perché contiene collegamenti …

Ecco un JSFiddle: http://jsfiddle.net/8eLJz/

L’elemento posizionato in modo assoluto si trova nella parte superiore dello z-layer e non ho alcuna influenza con z-index -property. Cosa posso fare?

Non sono sicuro di quale vuoi avere davanti, ma devi solo impostare la posizione su entrambi e impostare z-index su entrambi. http://jsfiddle.net/8eLJz/2/

 a { color: black; } nav#mainNav { position: relative; } nav#mainNav > img { position: absolute; width: 100px; left: 0; z-index: 5; } nav#mainNav > a > img { width: 100%; } nav#mainNav > nav { width: 100%; position: relative; z-index: 10; } nav#mainNav > nav > a { display: block; text-align: right; background-color: yellow; } 

http://jsfiddle.net/8eLJz/3/

 nav#mainNav > img { z-index: -1; } 

Il CSS ha una proprietà z-index così sul tuo nav#mainNav > img selector imposta solo z-index: -1; . Ecco un jsFiddle funzionante: http://jsfiddle.net/8eLJz/1/