如何將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;