Z-index pour img et div

Salut,

Je suis en train de faire une fenêtre du genre modale. À l'intérieur de mon IFrame, j'ai deux éléments. Une image de classe fond et un div d'ID enfant.
J'essaie d'utiliser le z-index pour que mon enfant se retrouve "au-dessus" de l'image avec le css suivant, mais ça ne fonctionne pas.

Le z-index marche très bien en ce qui a trait à ma modale et à l'overlay qui se retrouve entre la modale et la page appelante.

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

#enfant { z-index: 2; position:absolute; top:0px; left:0px;   }   .fond { position: relative; height: 100%; width: 100%; top:0px; left:0px; z-index: 1; }

---

Quelqu'un a une idée par rapport à cela?

Merci!

Je suis nouveau avec les css, suis-je complètement dans le champ?

Si j'ai bien compris ton problème, tu veux mettre une image de fond ?

Essaye comme ça:

Code:

---

background-image: url("url_de_ton_image");

---

Oui, mais si je le fait comme tu le mentionnes, je ne pourrai pas faire ce que je veux comme c'est le cas d'un Div.

En fait, oublie l'image, ce que je veux faire c'est mettre un div devant d'autres div.

Bonjour,

Attribue un width:100% et height:100% à la div .fond.
Un élément en absolue s'adapte à la taille de son contenu.

Un gros merci!

Ça fonctionne!