Esempio
Impostare lo z-index per un'immagine:
img
{
position: absolute;
left: 0px;
top: 0px;
z-index: -1;
}
Prova tu stesso " Definizione e utilizzo
La proprietà z-index specifica l'ordine pila di un elemento.
Un elemento con maggiore ordine stack è sempre di fronte di un elemento con un ordine pila inferiore.
Note: z-index funziona solo su elementi posizionati (position:absolute, position:relative, or position:fixed) .
| Valore di default: | auto |
|---|---|
| Inherited: | no |
| animatable: | yes. Read about animatable Try it |
| Versione: | CSS2 |
| sintassi JavaScript: | object .style.zIndex="-1" Try it |
Supporto per il browser
I numeri nella tabella indicano la prima versione del browser che supporta pienamente la proprietà.
| Proprietà | |||||
|---|---|---|---|---|---|
| z-index | 1.0 | 4.0 | 3.0 | 1.0 | 4.0 |
CSS Sintassi
z-index: auto|number|initial|inherit;I valori delle proprietà
| Valore | Descrizione | Gioca |
|---|---|---|
| auto | Imposta l'ordine di stack uguali ai suoi genitori. Questa è l'impostazione predefinita | Gioca " |
| number | Imposta l'ordine di sovrapposizione dell'elemento. I numeri negativi sono consentiti | Gioca " |
| initial | Consente di impostare questa proprietà al suo valore di default. Leggi iniziale | Gioca " |
| inherit | Eredita questo immobile dal suo elemento genitore. Leggi su erediterà |
Pagine correlate
CSS tutorial: Posizionamento CSS
Di riferimento HTML DOM: zIndex property