zoukankan      html  css  js  c++  java
  • z-index用法总结

    一、定义:

    z-index 只适用于元素有定位的情况,表示层级 数值越大 层级越高 展示的位置越靠前。

    二、用法:

    1、同级关系:

        z-index值较大的元素将叠加在z-index值较小的元素之上 (值可以为负数)

        z-index值相同时 按照文档流顺序排列

    2、父子关系:

       如果设置了父元素的z-index,那么子元素无论是否设置z-index都和父元素一致,会在父元素上方

    3、同级元素下的子元素关系

      同级元素的z-index生效,那么其子元素覆盖关系由父元素决定,

     (父元素z-index值大的覆盖父元素z-index值小的   子元素在各自父元素的上方)

  • 相关阅读:
    原型
    构造函数
    异常处理
    逻辑中断
    1. 两数之和
    面向对象(进阶篇)
    面向对象(初级篇)
    面向对象
    迭代器/生成器
    模块&字符格式化
  • 原文地址:https://www.cnblogs.com/wyan20/p/5980285.html
Copyright © 2011-2022 走看看