我覺得這樣理解可能好點(diǎn)。
因?yàn)?box(父元素)設(shè)置了定位而且z-index值不為auto,形成了層疊上下文,img(子元素)的z-index失效,所以這里的img它的z-index是沒有作用的。
又因?yàn)檫@個(gè)img元素是inline-block元素,所以顯示是在塊元素.box上面的、
因?yàn)?box(父元素)設(shè)置了定位而且z-index值不為auto,形成了層疊上下文,img(子元素)的z-index失效,所以這里的img它的z-index是沒有作用的。
又因?yàn)檫@個(gè)img元素是inline-block元素,所以顯示是在塊元素.box上面的、
2021-06-04
一口氣學(xué)完了所有課程,在這之前看張鑫旭老師的博客https://www.zhangxinxu.com/wordpress/2016/01/understand-css-stacking-context-order-z-index/感覺比較難懂,課程做了優(yōu)化,由簡入深,更好理解一些。建議結(jié)合二者來學(xué)習(xí)
但我對(duì)開頭說的層疊上下文就離用戶更近的說法不贊同,其實(shí)層疊上下文只是一個(gè)環(huán)境,類似BFC,是一個(gè)層,但這個(gè)層到底離用戶近不近,還要看整個(gè)層疊上下文的層疊水平
但我對(duì)開頭說的層疊上下文就離用戶更近的說法不贊同,其實(shí)層疊上下文只是一個(gè)環(huán)境,類似BFC,是一個(gè)層,但這個(gè)層到底離用戶近不近,還要看整個(gè)層疊上下文的層疊水平
2021-02-25
很少有人能講的這么清晰明白的同時(shí),還能如此細(xì)致,唯一的不足就是有幾個(gè)單詞的音發(fā)的有點(diǎn)奇怪,還好PPT寫的很清楚
2019-10-10