老師,可不可以不打比方?感覺更不好理解了,畢竟現(xiàn)實(shí)情況好理解,而代碼有代碼的邏輯。建議用css中的具體實(shí)例來講解,這樣更直觀易懂。謝謝。
2016-04-15
最贊回答 / 小爺姓樊
因?yàn)槟J(rèn)的z-index:auto并不會(huì)有層疊上下文,所以.box不設(shè)置z-index:0時(shí),沒有層疊上下文,是一個(gè)普通元素,而負(fù)值的z-index只會(huì)比有層疊上下文的background/border層級(jí)高,所以自然就沒有.box層級(jí)高,所以被覆蓋了;而當(dāng)設(shè)置了.box z-index:0時(shí),.box就有了層疊上下文,background也就是有層疊上下文的background,因此它的層級(jí)會(huì)比z-index:-1要低,所以被圖片覆蓋了。不知道這樣你能不能懂。
2016-04-14
這個(gè)層疊上下文有點(diǎn)類似于絕對(duì)定位的參考定位點(diǎn)!
如果不創(chuàng)建層疊屬性(類似與定位中的不對(duì)包裹元素設(shè)置定位)
那么它會(huì)以根元素為參考
而如果對(duì)(A)創(chuàng)建了層疊屬性,則就以A為參考了!
這個(gè)和定位的區(qū)別是(定位是和包裹元素相關(guān)的,而層疊上下文是否創(chuàng)建是和兄弟元素相關(guān)的)!
這是我的理解,如果有錯(cuò)誤請(qǐng)指出??! - -
如果不創(chuàng)建層疊屬性(類似與定位中的不對(duì)包裹元素設(shè)置定位)
那么它會(huì)以根元素為參考
而如果對(duì)(A)創(chuàng)建了層疊屬性,則就以A為參考了!
這個(gè)和定位的區(qū)別是(定位是和包裹元素相關(guān)的,而層疊上下文是否創(chuàng)建是和兄弟元素相關(guān)的)!
這是我的理解,如果有錯(cuò)誤請(qǐng)指出??! - -
2016-04-14