电话
13363039260
如何使用CSS z-index属性调整元素的堆叠
2024-01-17 15:55 小编
使用z-index属性时必须指定position
此外，z-index属性只能用于具有relative，absolute，fixed的位置而不能用于position:static。
如何使用z-index属性？
基本语法
选择器{
z-index:数值;
}
我们来看具体的示例
HTML
<divclass="z-index_test">
</div>
<divclass="z-index_test2">
</div>
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;
}
猜你喜欢
联络方式：
13363039260
微信二维码 