将img添加到div作为背景

Question

为了作为Div的背景，IMG应该采用什么样的风格？我不想使用CSS来设置div的背景，因为每次都会有很多具有不同DIV和图像的LI。

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

Answer 1

我仍然会使用CSS，但内联：

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

对背景使用图像标签的语义很差。

Answer 2

开平！ IMG的风格，以作为DIV的背景：

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

Answer 3

您可以使用position: absolute对父母进行定位 要查看顶部的内容，我使用了span元素的优先级z-index: 1。

.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 4

您可以尝试这样：

<div class="div_img">

</div>

和css：

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

Answer 5

我相信以下可以提供帮助，（没有单独的CSS）

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