[Résolu] Z-index avec dl -> dt

Bonjour,

Mon problème est surement tout bête mais je n'arrive pas à le résoudre par moi même.
J'aimerais faire passer en premier plan le dl (parent) et positionner le dt (enfant) en dessous.

Merci d'avance pour votre aide
Le code ( résultat recherché = le dt jaune ne soit voit plus car en dessous de dl ) :

<style>
dl {
	position: relative;
	background-color:#30F;
	z-index: 10;
	width: 500px;
	height: 150px;
}

dt {
	position: absolute;
	background-color: #FF0;
	z-index:5;
	width: 300px;
	height: 100px;
}

</style>

<dl>
  <dt></dt>
</dl>

Modifié par clement106 (08 May 2011 - 14:41)

bonjour,


essaie ceci

dl {

	position:absolute;

	background-color:#30F;

	

	width: 500px;

	height: 150px;

}



dt {
position:relative;
	
	background-color: #FF0;

	z-index:-20;

	width: 300px;

	height: 100px;

}

Yes, merci infiniment!

Donc en faite il suffisait de ne pas spécifier le z-index pour le parent pour que ça marche...tout bête et dire que j'ai passé un temps fou à essayer...

pour trouver la solution,
j'ai juste utilisé l'inspecteur d'élément
de chrome ^^

là, tu peux activer ou désactiver les règles ^^

bonne journée

Merci pour la combine, pas bête moi j'utilise le module Firebug de Firefox mais c'est la même chose. J'y penserais la prochaine fois...

Bonne journée!