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如何设置层隐藏不显示
  • 热门搜索
    北京旅游公司 四川省旅游景点 河南旅游景点排行 十渡旅游 上海旅游指南 宁波旅游包车 兵马俑旅游 苏杭旅游攻略 大连旅游攻略自助游 九寨沟旅游价格