什么是上下文层叠
上下文层叠是html中一个三维概念,英文叫stacking context。如果一个元素含有上下文层叠,就可以理解为这个元素在z轴上更靠近用户。
上下文层叠顺序
通过代码实验,我们可以得出各个元素层叠顺序如下:
Jietu20181128-165214.jpg
- relative
- text/内联元素
- float
- div/块级元素
- border
- background(底层)
通过改变元素的z-index属性,可以改变上下文层叠。
上下文层叠是html中一个三维概念,英文叫stacking context。如果一个元素含有上下文层叠,就可以理解为这个元素在z轴上更靠近用户。
通过代码实验,我们可以得出各个元素层叠顺序如下:
通过改变元素的z-index属性,可以改变上下文层叠。
本文标题:2018-11-27\css上下文层叠
本文链接:https://www.haomeiwen.com/subject/foiiqqtx.html
网友评论