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如何设置层隐藏不显示
  • 热门搜索
    三亚亚龙湾旅游攻略 广东阳江旅游 西安旅游纪念品 京都旅游攻略 摄影旅游团 旅游活动策划书 新乡旅游网 吉林省旅游地图 伊朗旅游 旅游协会