将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>