z-index 有什么作用?
可以解決元素的覆蓋問題抗果,決定那個元素在上方筋帖,哪一個在下方;
z-index的值可以是負(fù)數(shù)冤馏,也可以為0幕随,也可以無群大,數(shù)值大的在上方宿接;
z-index父元素設(shè)置的值權(quán)重比較大,當(dāng)兩個父元素相比的時候辕录,父元素起決定作用睦霎,其中的子元素設(shè)置多大都沒有用;
如何使用走诞?
正常情況下:可以看到灰色覆蓋了粉色元素
定位004.png
在box2加入z-index屬性副女,并且設(shè)置為負(fù)數(shù);顯示為粉色在上蚣旱,灰色在下碑幅;
定位005.png
在box1和box2中都添加z-index屬性;顯示為粉色在上塞绿,灰色在下沟涨;
定位006.png
設(shè)置三個box,給三個分別設(shè)置z-index屬性异吻;顯示按照z-index屬性的值最高的在上邊裹赴,最低的在下邊;
定位007.png