Retour "Calques en CSS"

Ex 1 --- Ex 2 --- Ex 3 --- Ex 4 --- Ex 5

exemple (3) pour positionnement image et texte

 

Code placé dans HEAD ou fichier externe

<style type="text/css">

img.x
{
position: absolute ;
left: 40px ;
top: 760px ;
z-index: 1 ;
}
img.x1
{
position: absolute ;
left: 40px ;
top: 760px ;
z-index: 2 ;
}

</style>

 

 

voici un titre qui en dit long

 

 

 

 

 

En poursuivant le processus avec cette fois trois éléments distincts, qui sont le texte sans priorité et qui va donc se trouver dessous. Ensuite les nuages avec la priorité "z-index:1" attribuée à l'image se place sur le texte. Enfin le singe qui possède la priorité "z-index:2" vient en dernier et se positionne au sommet des trois éléments.