Retour "Calques en CSS"

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

exemple (2) avec calques et texte en dessus

Code placé dans HEAD ou fichier externe

<style type="text/css">

img.x
{
position: absolute ;
left: 40px ;
top: 740px ;
z-index: 1 ;
}
h2
{
position:absolute;
left: 40px ;
top: 760px ;
z-index: 2 ;
}
</style>

 

voici un titre qui en dit long

 

 

 

 

 

 

Vous avez ici le texte qui est en H2 avec la propriété "z-index: 2" qui vient se superposer dessus la propriété "z-index:1" attribuée à l'image. L'inverse de l'exemple précédent où le texte ne possédait aucune propriété.