我覺(jué)得這樣理解可能好點(diǎn)。
因?yàn)?box(父元素)設(shè)置了定位而且z-index值不為auto,形成了層疊上下文,img(子元素)的z-index失效,所以這里的img它的z-index是沒(méi)有作用的。
又因?yàn)檫@個(gè)img元素是inline-block元素,所以顯示是在塊元素.box上面的、
因?yàn)?box(父元素)設(shè)置了定位而且z-index值不為auto,形成了層疊上下文,img(子元素)的z-index失效,所以這里的img它的z-index是沒(méi)有作用的。
又因?yàn)檫@個(gè)img元素是inline-block元素,所以顯示是在塊元素.box上面的、
2021-06-04
一口氣學(xué)完了所有課程,在這之前看張?chǎng)涡窭蠋煹牟┛蚳ttps://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/感覺(jué)比較難懂,課程做了優(yōu)化,由簡(jiǎn)入深,更好理解一些。建議結(jié)合二者來(lái)學(xué)習(xí)
但我對(duì)開(kāi)頭說(shuō)的層疊上下文就離用戶更近的說(shuō)法不贊同,其實(shí)層疊上下文只是一個(gè)環(huán)境,類似BFC,是一個(gè)層,但這個(gè)層到底離用戶近不近,還要看整個(gè)層疊上下文的層疊水平
但我對(duì)開(kāi)頭說(shuō)的層疊上下文就離用戶更近的說(shuō)法不贊同,其實(shí)層疊上下文只是一個(gè)環(huán)境,類似BFC,是一個(gè)層,但這個(gè)層到底離用戶近不近,還要看整個(gè)層疊上下文的層疊水平
2021-02-25
最新回答 / 慕粉0815224883
如果要?jiǎng)?chuàng)建層疊上下文,需要是定位元素,且z-index屬性不為auto ,你說(shuō)的block塊狀水平盒子 是在同一個(gè)層疊上下文中的層疊水平比較,個(gè)人理解哈
2019-07-18