html - html z-index 中的图像标签可以位于 css 背景图像后面吗？

Question

我的 img 标签前面有一个我想要的 css 背景图片。 css 背景图像的 z-index 为 1，而 img 标签的 z-index 为 0。我可以将 img 标签放在带有 z-index 的 css 背景后面，还是 css 背景总是在 an 后面img 标签而不考虑它的 z-index？

Answer 1

当然，带有 background-image 的 HTML 元素和更高的 z-index可以覆盖任何其他 HTML 元素，在您的例子中是一个简单的 <img />标签。但是<img>标签不得嵌套在包含背景图片的标签中。

这会起作用

<img src="../image.jpg" />
<div style="background: url(../image2.gif); z-index: 1">Content</div>

这不是:

<div style="background: url(../image2.gif); z-index: 1">
    <img src="../imag.jpg" />
</div>