在网页中,对于已经开启定位的元素可以设置元素层级,如果元素层级一样,下面的会盖住上面的元素。
通过z-index属性可以用来设置元素的层级
可以为z-index指定一个正整数作为值,该值将会作为当前元素的层级,层级越高,越优先显示
对于没有开启定位的元素不能使用z-index
.box1{
width: 200px;
height: 200px;
background-color: red;
position: relative;/*相对定位*/
z-index: 2;
}
.box2{
width: 200px;
height: 200px;
background-color: yellow;
/*开启绝对定位*/
position: absolute;
/*设置偏移量*/
top: 100px;
left: 100px;
z-index: 25;
这里写了两个盒子样式,帮助理解。