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

Question

我在img标签前面有一个css背景图片.css背景图片的z-index为1,img标签的z-index为0.我大声将一个img标签放在带有z-index的css背景后面,或者css背景总是在后面img标签,不管它的z-index？

Answer 1

当然,具有a background-image和更高版本的z-indexHTML元素可以覆盖任何其他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>