-
z-index只对定位元素作用,如果position:static则无法使用z-index; 若无嵌套，后来居上，谁大谁上 若有嵌套，父级决定;遵循祖先优先原则；父亲可以决定，儿子在有父亲的时候没有执行权的，否则，就是逆子了。 前提；z-index是数值而非auto;父级也要满足前提查看全部
-
举个栗子查看全部
-
1. 最小化影响 -- 避免嵌套层叠关系混乱 原因：元素的层叠水平主要由所在的层叠上下文决定 IE7 z-index:auto也会新建层叠上下文 策略：不使用定位属性 定位属性从大容器平级分离为私有小容器 2. 不犯二 对于非浮层元素，避免设置z-index值，其值不超过2 3. 组件层级计数器 如图，通过JS获得body下子元素的最大z-index值 4. 可访问性隐藏 z-index：-1（ie7-)查看全部
-
z-index:atuo不会创建层叠上下文，z-index:0会创建层叠上下文查看全部
-
z-index于层叠上下文查看全部
-
7阶层叠水平查看全部
-
依赖z-index的层叠上下文元素的层叠顺序取决于z-index值，依赖z-index值被创建层叠上下文的情况： 1、 position值为relative/absoulte或fixed(部分浏览器)， 2、 display:flex|inline-flex容器的子flex项 备注：chrome不需要z-index值的，创建层叠上下文的查看全部
-
1.定位元素默认z-index:auto可以看成是z-index:0; 2.z-index不为auto的定位元素会创建层叠上下文； 3.z-index层叠顺序的比较止步于父级层叠上下文查看全部
-
z-index只对定位元素作用,如果position:static则无法使用z-index; 若无嵌套，后来居上，谁大谁上 若有嵌套，父级决定;遵循祖先优先原则；父亲可以决定，儿子在有父亲的时候没有执行权的，否则，就是逆子了。 前提；z-index是数值而非auto;父级也要满足前提查看全部
-
z-index:auto 或者 整数值 inherit 支持负值 支持css3 animation动画 在css2.1时代，需要和定位元素配合使用 如果不考虑CSS3,只有定位元素(position:relative/absolute/fixed/sticky)的z-index才有作用 在CSS3中有例外查看全部
-
7阶层叠水平查看全部
-
图片元素opacity变化 opacity:1，没层叠上下文，后来居上，在文字上 其他opacity值，有层叠上下文，如同z-index:auto级别，在文字下查看全部
-
依赖z-index的层叠上下文元素的层叠顺序取决于z-index值 1. position： relative|absolute|fixed 2. display: flex|inline-flex容器的子flex项查看全部
-
定位元素默认的z-index：auto 可看成z-index：0 z-index不为auto会创建层叠上下文（ie8+） 1. 根元素天生有层叠上下文 2. 祖先元素影响后代元素 z-index层叠顺序比较止步于父级层叠上下文查看全部
-
层叠上下文--HTML元素三维概念 元素在z轴有值了 页面根元素自动具有层叠上下文 定位元素带值z-index 可以嵌套，祖先元素和后代元素都可以有自己的 和兄弟元素没关系，只影响后代元素 自成体系 层叠水平--在z轴上显示顺序 普通元素都有 后来居上 谁大谁上查看全部
举报
0/150
提交
取消