作者:尼玛的被注册了 | 来源:互联网 | 2020-08-28 04:26
z-index是一个可以设置元素堆叠顺序的属性,当堆叠纸张时,底部纸张隐藏在顶部纸张后面则将无法看到它,类似地,WEB站点的元素也会处于这样堆叠的状态,而使用z-index就可以更改堆叠的顺序。
z-index是一个可以设置元素堆叠顺序的属性,当堆叠纸张时,底部纸张隐藏在顶部纸张后面则将无法看到它,类似地,WEB站点的元素也会处于这样堆叠的状态,而使用z-index就可以更改堆叠的顺序。
选择器{
z-index: 数值;
}
我们来看具体的示例
HTML
CSS
.z-index_test {
height: 200px;
width: 200px;
background-color: #FF5722;
position: relative;
z-index: 10;
}
.z-index_test2 {
height: 200px;
width: 200px;
background-color: #03A9F4;
position: absolute;
top: 70px;
left: 100px;
z-index: 100;
}
运行效果如下
本篇文章到这里就全部结束了,更多精彩内容大家可以关注 第一PHP社区 的相关栏目教程!!!
以上就是如何使用CSS z-index属性调整元素的堆叠的详细内容,更多请关注 第一PHP社区 其它相关文章!