前端学习之叠放次序(z-index)

前面说过定位,当对多个元素同时设置定位时,定位元素之间有可能发生重叠。如下图:
在这里插入图片描述
在CSS中,想调整重叠定位元素的叠放次序,可以对定位元素应用z-index层叠等级属性,其取值可为正整数、负整数和0。
例如: z-index:2;
注意:

  1. z-index的默认属性值为0,取值越大,定位元素在层叠元素中越居上;
  2. 如果取值相同,根据书写顺序,后来者居上;
  3. 数字后面一定不能加单位;
  4. 只有相对定位、绝对定位、固定定位有此属性,其余标准流、浮动、静态定位都没有这个属性,亦不可指定此属性。

猜你喜欢

转载自blog.csdn.net/gua222/article/details/105971947