Astuces ⇒ HTML CSS facebook twitter youtube

Astuces CSS3 ⇒ & Superposer des éléments avec z-index



Longtemps peu utilisé, notamment à cause d’Internet Explorer qui le gérait très mal, cette propriété permet de gérer la superposition d’éléments en définissant un ordre. La règle est simple : l’élément au z-index le plus élevé se trouve au-dessus. Mais il y a une subtilité à connaître : les éléments sont obligés d’être positionnés avec la propriété CSS position dont la valeur peut être absolute, relative ou fixed.

Exemple rapide rien que pour vous :

<div id= »test1″>…</div> 

<div id= »test2″>…</div> 

<div id= »test3″>…</div> 

Le CSS avec test1 tout en haut, test2 tout en bas et test3 au milieu de l’axe Z (superposition). A noter qu’ils possèdent tous une position, sinon le z-index ne marcherait pas.

#test1 {position: absolute; z-index: 10;} 
#test2 {position: absolute; z-index: 3;} 
#test3 {position: relative; z-index: 8;}

Changer le fond
Oregionale Skin
7astuces
Sélectionnez un Fond (11)
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces
Fond de contenu
7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces 7astuces