美文网首页
2018-11-27\css上下文层叠

2018-11-27\css上下文层叠

作者: 阿九_beta | 来源:发表于2018-12-06 16:46 被阅读0次

    什么是上下文层叠

    上下文层叠是html中一个三维概念,英文叫stacking context。如果一个元素含有上下文层叠,就可以理解为这个元素在z轴上更靠近用户。

    上下文层叠顺序

    通过代码实验,我们可以得出各个元素层叠顺序如下:


    Jietu20181128-165214.jpg
    • relative
    • text/内联元素
    • float
    • div/块级元素
    • border
    • background(底层)

    通过改变元素的z-index属性,可以改变上下文层叠。

    相关文章

      网友评论

          本文标题:2018-11-27\css上下文层叠

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