z-index在css中怎么用?

 时间:2026-02-12 11:17:46

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如何设置层隐藏不显示
  • 热门搜索
    脚底板疼怎么治 cf怎么开挂 素饺子馅做法大全 suv车型大全 毛衣袖子怎么织 经常放臭屁是怎么回事 郁美净怎么样 货架大全 中国法律法规大全 科技手抄报内容大全