將img添加到div作爲背景

Question

什麼應該是IMG的正確風格，以便作爲Div的背景工作？我不想使用CSS來設置div的背景，因爲每次都會有很多LI具有不同的DIVS和圖像。

<li class="container"> 
    <div class="inside"> some elements 
     <img src="some image"></img> 
    </div> 
</li> 

Answer 1

您可以相對於它定位與position: absolute 家長要查看上面的內容，我使用了一個優先z-index: 1爲span元素。

.inside { 
 
    position: relative; 
 
} 
 
img { 
 
    position: absolute; 
 
    top: 0; 
 
    left: 0; 
 
} 
 
span { 
 
    position: absolute; 
 
    z-index: 1; 
 
}

<li class="container"> 
 
    <div class="inside"><span>Some Elements</span> 
 
    <img src="http://placehold.it/500x500" /> 
 
    </div> 
 
</li>

Answer 2

我仍然會使用CSS，但在線：

<li class="container" style="background-image:url(image.jpg) top left no-repeat"> 

使用圖像標記爲背景較差的語義。

Answer 3

你可以嘗試這樣的：

<div class="div_img"> 

</div> 

和CSS：

.img{ 
background-image: url('../images/div_img.jpg'); 
} 

Answer 4

喜！ 爲了作爲DIV背景攜手合作，IMG的風格：

.inside{position:relative;} 
img{position:absolute;left:0;top:0;z-index:-1;} 

Answer 5

我beleive下面可以提供幫助，（沒有單獨的CSS）

<div class="inside" style="background-image:url('xyz.jpg');height:xypx; width=xzpx;"> 
</div>