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

发布时间：2020-12-14 23:37:41 所属栏目：资源来源：网络整理

导读：我在img标签前面有一个css背景图像. css背景图像的z-index为1,img标签的z-index为0.我大声将一个img标签放在带有z-index的css背景后面,或者css背景总是落后于img标签无论是z-index？解决方法当然,具有背景图像和更高z-index的 HTML元素可以覆盖任何其他 HT

我在img标签前面有一个css背景图像. css背景图像的z-index为1,img标签的z-index为0.我大声将一个img标签放在带有z-index的css背景后面,或者css背景总是落后于img标签无论是z-index？

解决方法

当然,具有背景图像和更高z-index的 HTML元素可以覆盖任何其他 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>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!