z-index层叠等级属性
z-index层叠等级属性
01
z-index层叠等级属性
当对多个元素同时设置定位时,定位元素之间有可能会发生重叠。
定位导致重叠
z-index可以调整重叠定位元素的堆叠顺序,其取值可为正整数、负整数和0。z-index的默认值是0。
解决重叠问题
z-index层叠等级属性
值
描述
auto
默认堆叠顺序与父元素相等。
number
设置元素的堆叠顺序,可为负值。
说明
注意:z-index属性仅对定位元素有效。
语法格式
z-index: auto | ;
z-index层叠等级属性
示例:设置相对定位的盒子z-index层叠等级依次降低
#one { z-index: 3; }
#two{ z-index: 2; }
#three { z-index: 1; }
总结
03
了解当多元素发生重叠时可使用z-index属性调整重叠顺序
熟知掌握z-index属性的语法格式能熟练运用
总结
THANKS