-
1.层叠上下文
1) 页面根源素，根层叠上下文
2) z-index为数值的定位元素也具有层叠上下文
3) 其他属性
1)层叠上下文可以嵌套，组成一个分层次的层叠上下文
2）每个层叠上下文和兄弟元素独立：当进行层叠变化和渲染的时候，只需要考虑后代元素。
3）每个层叠上下文是自成体系的：当元素的内容被层叠后，整个元素被认为是在父层的层叠顺序中。
2.层叠水平
层叠上下文中的每个元素都有一个层叠水平，决定了同一个层叠上下文中元素在z轴上的显示顺序。
遵循“后来居上”和“谁大谁上”的层叠准则
层叠水平和z-index不是一个东西。普通元素也有层叠水平
查看全部 -
定位元素z-index没有发生嵌套
1.后来居上的准则
2.哪个大，哪个上
定位元素z-index发生嵌套
1.祖先优先原则
前提：z-index是数值，不是auto
css2.1 (z-index: auto) 当前层叠上下文的生成盒子层叠水平是0，盒子（除非是根元素）不会创建一个新的层叠上下文
层叠上下文
层叠水平
查看全部 -
z-index
1.含义： z轴上的显示
2. 属性值
auto 默认值
integer 整数值
inherit 继承
3.基本特性
（1）支持负值
（2）支持css3 animation动画
（3）在css2.1时代，需要和定位元素配合使用
relative/absolute/fixed/sticky
查看全部 -
z_inder查看全部
-
使用label关联代替submit按钮，实现更精美的样式查看全部
-
opacity不为1时，该元素具有层叠上下文查看全部
-
filter：blur（5px）；实现滤镜模糊效果查看全部
-
设置这些属性能让该元素创建层叠上下文查看全部
-
css3的display：flex；属性要和子元素的z-index结合使用才能形成层叠上下文，是个特例查看全部
-
z-index:auto 类似于z-index:0; 但z-index不会创建层叠上下文
代码结构：
查看全部 -
文字是内容，比较重要，所以排在float上面查看全部
-
创建层叠上下文的其他属性
查看全部 -
三种情况，默认值
查看全部 -
定位元素默认是z-index:auto
查看全部 -
根元素天生具有层叠上下文
查看全部
举报
0/150
提交
取消