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

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

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-10-24
  • 2021-05-18
  • 2021-04-06
  • 2022-01-16
猜你喜欢
  • 2022-01-08
  • 2022-12-23
  • 2021-06-04
  • 2021-11-14
  • 2022-02-18
  • 2022-12-23
  • 2021-11-13
相关资源
相似解决方案