如何設置背景圖片在img標籤的內容之前顯示？

Question

我有一個div和內部的我使用img標籤

和在樣式表中，我使用背景圖像用於該div和對準它的z索引值1居中放置一個圖像..

我用另一種風格與Z-index值-100

所以我希望的背景圖像來的圖像前該分區在img ..

我覺得我做錯了什麼

我的代碼是

.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

這隻會是如果圖像不在div內。因爲圖像在div內部，所以它實際上只會有一個相對於同胞（在同一個父元素中）的其他元素的z-index。

只需添加上述點，z-index也僅適用於display：absolute;適用於他們。即使是這種情況，你也不會在它的父元素背景後面顯示圖像。