CSS-定位叠放次序z-index

126 阅读1分钟

在使用定位布局时,可能会出现盒子重叠的情况。此时可以使用 z-index 来控制盒子的前后次序(z轴)

选择器 { 
    z-index: 1; 
}
  • 数值可以是正整数、负数或0,默认是auto,数值越大,盒子越靠上
  • 如果属性值相同,则按照书写顺序,后来者居上
  • 数字后面不能加单位
  • 只有定位的盒子才有 z-index 属性