-
创建层叠上下文的 条件查看全部
-
受制于 层叠上下文查看全部
-
ie7中 auto也创建层叠上下文 ，为bug查看全部
-
z-index：auto不创建层叠上下文，z-index：0（数值类）创建层叠上下文查看全部
-
一旦容器z-index为数值，图片的层叠上下文元素就变成了容器查看全部
-
绝对定位只是普通元素 并不具有层叠上下文查看全部
-
z-index 负值 在 层叠上下文元素背景色之上查看全部
-
box设置了display:flex;并且子元素为z-index:1;不为auto，导致box为层叠上下文元素，z-index:-1;图片就是比背景层叠高，图片就在背景上面显示。没有diplay:flex;则背景box为一般元素，图片z-index:-1;就在背景下面啦。查看全部
-
position：relative相当于 z-index：auto查看全部
-
3个原则查看全部
-
z-index:auto;不会创建层叠上下文，元素就是普通元素对待。而加了z-index:0;之后就有层叠上下文。不过不包括IE7浏览器，它就算是auto,也会创建层叠上下文。查看全部
-
因为默认的z-index:auto并不会有层叠上下文，所以.box不设置z-index:0时，没有层叠上下文，是一个普通元素，而负值的z-index只会比有层叠上下文的background/border层级高，所以自然就没有.box层级高，所以图片在下面被覆盖啦； 而当设置了.box z-index:0时，.box就有了层叠上下文，background也就是有层叠上下文的background，因此它的层级会比z-index:-1要低，所以被图片覆盖了。不知道这样你能不能懂。查看全部
-
inline和inline-block是平级 发生层叠时 后面的会覆盖前面的查看全部
-
inline在 block之上查看全部
-
inline 在float之上 实例查看全部
举报
0/150
提交
取消