美文网首页
css布局-z-index元素的压盖顺序

css布局-z-index元素的压盖顺序

作者: 落崖惊风yxy | 来源:发表于2017-07-19 12:16 被阅读0次

    z-index属性
    1、默认压盖顺序
    ①有定位的元素压盖没有定位的元素。
    ②都有定位的元素,html结构在后面的压盖在前面的。
    2、自定义压盖顺序
    自定义压盖顺序:需要使用一个属性z-index
    ①z-index属性值是数字,没有单位。
    ②只有有定位的元素可以使用z-index。即使是浮动也不能使用z-index属性。
    ③z-index属性值越大压盖顺序就越靠上。
    ④如果z-index值相同,html结果在后面的压盖住在前面的。
    ⑤父子都有z-index,父亲z-index数值小时,儿子数值再大没用。

    相关文章

      网友评论

          本文标题:css布局-z-index元素的压盖顺序

          本文链接:https://www.haomeiwen.com/subject/ashlkxtx.html