簡(jiǎn)單介紹z-index
什么是z-index哄褒?
z-index 屬性設(shè)置元素的堆疊順序稀蟋。擁有更高堆疊順序的元素總是會(huì)處于堆疊順序較低的元素的前面。
可以這樣理解呐赡,z-index屬性的作用是專門(mén)用于控制定位流元素的覆蓋關(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ì)顯示在上面售葡。