z-index的负值使用

最新推荐文章于 2023-04-28 15:44:36 发布

EffIdong

最新推荐文章于 2023-04-28 15:44:36 发布

阅读量2k

点赞数

分类专栏： CSS

本文链接：https://blog.csdn.net/Efficiency9/article/details/73740684

版权

CSS 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

有时候遇到这种情况，一个页面中我们设置了header和背景图，
这个时候我们不想把背景图的图片放到header标签前，应该怎么办

代码实例
html

<div class="d1"></div>
<div class="d2"></div>

css

.d1{
           width: 100px;
           height: 100px;
           background-color: red;
       }
        .d2{
            width: 100px;
            height: 100px;
            background-color: yellow;
            position: absolute;
            top: 0;
            z-index:-111;
        }