-
z-index查看全部
-
z-index：auto； z-index:<integer>;整数值 z-index:inherit;继承查看全部
-
其他参与层叠上下文的属性们 1.z-index值不为auto的flex项（父元素display：flex|inline-flex）。 2.元素的opacity值不是1. 3.元素的transform值不是none。 4.元素mix-blend-mode值不是normal， 5.元素的filter值不是none。 6.元素的isolation值不是isolate。 7.position：fixed声明 8.will-change指定的属性值为上面任意一个 9.元素的-webkit-overflow-scrolling设为touch查看全部
-
7阶层叠水平（stacking level）查看全部
-
七阶层叠水平（从近及远）：z-index(正值)>z-index:auto/0>inline/inline-block>float水平盒子>block块状水平盒子>z-index（负值）>background-color查看全部
-
一、层叠上下文（stacking context） 哪些元素有： 页面根元素（根层叠上下文）/z-index为数值的定位元素/其他属性 特性： 1.层叠上下文可嵌套成一个分层次的层叠上下文 2.层叠上下文与兄弟元素独立。层叠上下文变化渲染，只考虑后代元素 3.每个层叠上下文自成体系：被层叠后，元素被认为在父层层叠顺序中 二、层叠水平（stacking level） 层叠上下文中每个元素都有层叠水平，决定显示顺序 层叠水平与z-index区别： 普通元素也有层叠水平 z-index只在定位元素起作用查看全部
-
z-index只对定位元素作用,如果position:static则无法使用z-index; 若无嵌套，后来居上，谁大谁上 若有嵌套，父级决定;遵循祖先优先原则；父亲可以决定，儿子在有父亲的时候没有执行权的，否则，就是逆子了。 前提；z-index是数值而非auto;父级也要满足前提查看全部
-
z-index 含义： 指定元素及其子元素在z轴的顺序 z值大覆盖z值小的。 属性值 z-index:auto; z-index:<integer>; z-index:inherit; 基本特性 1.支持负值 2.CSS3 animation动画 3.CSS2.1+定位元素 不考虑CSS3,只有定位元素（position：relative/absolute/fixed/sticky）的z-index才起作用查看全部
-
一、层叠上下文（stacking context） 哪些元素有： 页面根元素（根层叠上下文）/z-index为数值的定位元素/其他属性 特性： 1.层叠上下文可嵌套成一个分层次的层叠上下文 2.层叠上下文与兄弟元素独立。层叠上下文变化渲染，只考虑后代元素 3.每个层叠上下文自成体系：被层叠后，元素被认为在父层层叠顺序中 二、层叠水平（stacking level） 层叠上下文中每个元素都有层叠水平，决定显示顺序 层叠水平与z-index区别： 普通元素也有层叠水平 z-index只在定位元素起作用查看全部
-
z-index只对定位元素作用 若无嵌套，后来居上，谁大谁上 若有嵌套，父级决定 前提；z-index是数值而非auto;父级也要满足前提查看全部
-
含义： 指定元素及其子元素在z轴的顺序 z值大覆盖z值小的。 属性值 z-index:auto; z-index:<integer>; z-index:inherit; 基本特性 1.支持负值 2.CSS3 animation动画 3.CSS2.1+定位元素 不考虑CSS3,只有定位元素（position：relative/absolute/fixed/sticky）的z-index才起作用查看全部
-
z-index:auto 不会创造层叠上下文环境，但IE7不在此列查看全部
-
z-index第5-1章的理解： 1、定位元素相当于 z-index:auto ，但还是普通元素 2、当元素的 z-index 为数值时，就会创造层叠上下文环境，其子元素都受其影响 3、图片的 z-index为-1时，之所以会跑到父元素的背景之下，是因为它要祖先元素寻找层叠上下文环境，逐级查找，哪个离它最近，就哪个为准，排列次序。查看全部
-
7阶层叠水平查看全部
-
z-index属性查看全部
举报
0/150
提交
取消