z-index
這個東西非常簡單，它有四大特性，每個特性你記住了，頁面布局就不會出現找不到盒子的情況。
- z-index 值表示誰壓著誰，數值大的壓蓋住數值小的，
- 只有定位了的元素，才能有z-index,也就是說，不管相對定位，絕對定位，固定定位，都可以使用z-index，而浮動元素不能使用z-index
- z-index值沒有單位，就是一個正整數，默認的z-index值為0如果大家都沒有z-index值，或者z-index值一樣，那么誰寫在HTML后面，誰在上面壓著別人，定位了元素，永遠壓住沒有定位的元素。
- 從父現象：父親慫了，兒子再牛逼也沒用
?
z-inde 就是改變兩個 正在覆蓋的圖片的顯示，可以讓他們的顯示的先后順序進行改變，誰的z-index的值大就顯示誰的，子級別的z-index不會改變父級的顯示 但是父級會改變子級的
?
<head><meta charset="UTF-8"><title>Document</title><style>.lzy{width: 300px;height: 300px;background-color: black;position: absolute;z-index: 1;}.tl{width: 300px;height: 300px;background-color: yellow;position: absolute;z-index: 11;/*誰的級別大就顯示誰的*/}/*子級在牛逼也不會帶動父級改變*/.kimi{width: 100px;height: 100px;background-color: green;position: absolute;top: 400px;left: 400px;z-index:30000;}.sd{width: 100px;height: 100px;background-color: pink;position: absolute;top: 450px;left: 350px;z-index: 1000;}</style> </head> <body><div class="lzy"><div class="kimi"></div></div><div class="tl"><div class="sd"></div></div></body>
?
