-
創(chuàng)建層疊上下文的 條件查看全部
-
受制于 層疊上下文查看全部
-
ie7中 auto也創(chuàng)建層疊上下文 ，為bug查看全部
-
z-index：auto不創(chuàng)建層疊上下文，z-index：0（數(shù)值類）創(chuàng)建層疊上下文查看全部
-
一旦容器z-index為數(shù)值，圖片的層疊上下文元素就變成了容器查看全部
-
絕對定位只是普通元素 并不具有層疊上下文查看全部
-
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;不會創(chuàng)建層疊上下文，元素就是普通元素對待。而加了z-index:0;之后就有層疊上下文。不過不包括IE7瀏覽器，它就算是auto,也會創(chuàng)建層疊上下文。查看全部
-
因為默認的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是平級 發(fā)生層疊時 后面的會覆蓋前面的查看全部
-
inline在 block之上查看全部
-
inline 在float之上 實例查看全部
舉報
0/150
提交
取消