February 11
La "z-index" in CSS (Cascading Style Sheets) dice al browser come impilare gli oggetti in una pagina Web. Questo è utile quando si vuole forzare una barra di navigazione su un blocco di contenuti o parzialmente nascondere una scatola dietro l'altro. Per poter utilizzare "z-index" impilamento, gli oggetti deve già avere una posizione ma è possibile impostare gli oggetti da utilizzare il posizionamento "relativo" che non influisce in cui vengono visualizzati nella pagina a meno che non si modificano i valori "sinistra" "top" e . Utilizzare "z-index" con "top" e "sinistra" per impilare e si sovrappongono oggetti.
1 Aprire la pagina Web in un editor e trovare i nomi di ID sia la parte superiore e gli oggetti in basso:
<Div id = "top">
Gli edifici qui
</ Div>
<Div id = "bottom">
Fondo oggetto qui
</ Div>
Aggiungere i nomi di ID se si vede nessuno, seguendo gli esempi sopra riportati.
2 Vai alla sezione "<style>" tag della pagina Web si trovano nella testa o aprire il foglio di stile. Aggiungere "<style>" tag tra i "<head>" tag se non si dispone di una di queste cose:
<Style type = "text / css">
</ Style>
3 Scrivi una regola di stile per ogni oggetto:
superiore {
}
parte inferiore {
}
Queste regole di stile selezionare gli oggetti con i loro nomi di ID.
4 Dare ad ogni oggetto una posizione relativa e impostarne le proprietà "z-index":
superiore {
position: relative;
z-index: 1;
}
parte inferiore {
position: relative;
z-index: 0;
}
Dal momento che l'oggetto in basso ha un valore inferiore "z-index" che l'oggetto superiore verrà visualizzato sotto l'oggetto superiore. A questo punto, tuttavia, sarà solo visualizzare accanto all'oggetto all'inizio.
5 Spostare la posizione dell'oggetto fondo metterlo dietro l'oggetto superiore. È possibile modificare la posizione di un oggetto impostando le proprietà "sinistra" "top" e:
parte inferiore {
position: relative;
z-index: 0;
top: -50px;
sinistra: -50px;
}
Questo esempio sposta l'oggetto in basso dietro l'oggetto in alto 50 pixel a destra e 50 pixel fino dalla sua posizione originale.