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

前端之家收集整理的这篇文章主要介绍了html z-index中的图像标签可以在css背景图像后面吗?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在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>

猜你在找的HTML相关文章