Comment utiliser z-index?

Bonjour tout le monde,

Je suis en train de créer une page où je voudrais mettre une image de font et d'insérer des boutons crée à partir d'image pour en faire des liens.

En surfant sur le net, j'ai pu comprendre qu'il fallait utiliser des z-index, mais je ne c'est pas l'utiliser.

Mon code css :

Code:

---

1 2 3 4 5

#plan {top: 20%; left: 20%; z-index: 1; background-image:url(includes/images_site/plan.JPG)} #cuisine {top: 23%; left: 23%; z-index: 2; background-image:url(includes/images_site/bouton_pieces/cuisine.bmp)}

---

Mon code html:

Code:

---

1 2 3 4 5

<div id="plan"> </div> <div id="cuisine"> </div>

---

Je ne sais pas du tout si c'est bien comme ça qu'il faut faire.

Merci pour votre aide

j'ai réussi à faire se que je cercher à faire. j'ai mis l'image dans mon code html et non dans mon css. et j'ai mis ma position:absolute pour cuisine.

merci

pour utiliser z-index, ton élément doit être positionné, c'est à dire :

Code:

---

1 2 3 4 5

#monDibv { position: relative; /* ou absolute voire fixed (mais je n'ai jamais tester je crois) */ z-index: 5; }

---