z-index在css中怎么用?

 时间:2026-04-22 03:35:51

1、<style>

.a{ width:100px;

height:100px;

background:#FC0;

position:relative;

}

.b{

width:100px;

height:100px;

margin:20px;

position:absolute;

background:#F00;

border:1px #000 solid;

z-index:99;

left: 50px;

top: 46px;

}

.c{ width:100px;

height:100px;

background:#09F;

position:relative;

}

</style>

2、<body>

<div class="a">第一层</div>

<div class="b">第二层</div>

<div class="c">第一层</div>

</body>

3、然后运行就可以看到以下结果

z-index在css中怎么用?

  • 利用HTML、CSS 实现带表情的评论框的制作教程
  • 在js中如何隐藏HTML元素
  • HTML学习——HTML的属性
  • CSS如何使图片居中
  • css如何设置层隐藏不显示
  • 热门搜索
    衣服粘毛怎么办 鳗鱼干怎么做 乘号怎么打 去黑头的最好方法 新车除味最有效方法 方法检出限 crv怎么样 怎么修改照片分辨率 蔷薇花的养殖方法 剪影怎么拍