Comment définir l'image de fond à afficher avant le contenu de la balise img?

Question

J'ai un div et à l'intérieur je place une image en utilisant tag img

et dans la feuille de style, j'ai utilisé un background-image pour cette div et l'alignement de la centrer avec une valeur z-index 1 ..

Et j'utiliser un autre style pour img l'intérieur de cette div avec la valeur z-index -100

donc je pense l'image de fond à venir devant l'image ..

Je pense que je fais quelque chose de mal

Mon code est

.video-thumb 
{ 
height:72px; 
width:120px; 
background:#ffffff; 
background-image:url('http://doamin.com/images/play.png'); 
background-repeat:no-repeat; 
background-position:center; 
padding:4px; 
border:#eceaea 1px solid; 
margin:0 auto; 
z-index:2; 
} 

.video-thumb img 
{ 
    z-index:-100; 
} 

<div class='video-thumb'> 
<a href=\"somthing.php\"> 
<img id='thumb' width=120 height=72 src='http://domain.com/image1.jpg'></a> 
</div> 

Answer 1

Ce ne serait le cas que si l'image ne se trouvait pas dans la div. Parce que l'image est à l'intérieur de la div il aurait en réalité seulement un z-index par rapport aux autres éléments qui sont frères et sœurs (au sein du même élément parent).

Juste en ajoutant au point ci-dessus, z-index s'applique également uniquement aux éléments avec affichage: absolute; appliqué à eux. Et même si c'était le cas, vous n'obtiendrez pas une image à afficher derrière l'arrière-plan de son élément parent.