如何使用CSS z-index属性调整元素的堆叠
导读: 使用z-index属性时必须指定position 此外,z-index属性只能用于具有relative,absolute,fixed的位置而不能用于position:static。 如何使用z-index属性? 基本语...
使用z-index属性时必须指定position
此外,z-index属性只能用于具有relative,absolute,fixed的位置而不能用于position:static。
如何使用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;
}
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 如何使用CSS z-index属性调整元素的堆叠
本文地址: https://pptw.com/jishu/664701.html