簡(jiǎn)單介紹z-index
什么是z-index？
z-index 屬性設(shè)置元素的堆疊順序。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。
可以這樣理解，z-index屬性的作用是專門用于控制定位流元素的覆蓋關(guān)系的。
關(guān)于z-index
默認(rèn)情況下所有的元素都有一個(gè)z-index屬性，取值為0.
默認(rèn)情況下定位流的元素會(huì)覆蓋標(biāo)準(zhǔn)流的元素
默認(rèn)情況下的定位流的元素后面編寫(xiě)的會(huì)蓋住前面編寫(xiě)的。
如果定位流元素設(shè)置了z-index屬性，那么誰(shuí)的z-index屬性值比較大，誰(shuí)就顯示在上面。
如何理解z-index的“從父現(xiàn)象”？
- 如果兩個(gè)元素的父元素都沒(méi)有設(shè)置z-index屬性，那么誰(shuí)的Z-index屬性大，誰(shuí)就顯示在上面；
-
如果兩個(gè)元素的父元素都設(shè)置了z-index屬性，那么子元素的z-index屬性就會(huì)失效，也就是說(shuō)誰(shuí)的父元素的z-index屬性較大誰(shuí)就會(huì)顯示在上面。
image.png
