如何将div背景置于其内容之上

Question

所以我有一个div，里面我有img标签。所以我想做的是将div背景放在img之上，我知道我可以使用另一个具有绝对位置的div来做到这一点但是也许只用1个div可以做到这一点吗？

这是我的代码：

<div id="container">
   <img src="image.jpg" />
</div>

编辑很抱歉解释这一切都错了，但我想在图片上留下背景，而且从我现在看到的情况来看，没有额外的div就不可能了。

Answer 1

简单地说，你不能用那个代码。 您可以做的最好的事情是在一个div中使用一些定位和z-index属性。

<div id="container">
   <div id="cover"></div>
   <img src="image.jpg" />
</div>

然后使用CSS将cover div移到图像上方。

Answer 2

您可以使用css附加div的背景，如

background: url(images/myimage.png) no-repeat center top;