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如何设置层隐藏不显示
  • 热门搜索
    万用表怎么测电流 锟怎么读 bored怎么读 痦子怎么去除 北京汽车怎么样 人生规划怎么写 我的世界活塞门怎么做 衿怎么读 刘强东案件是怎么回事 小儿咳嗽老不好怎么办