在css中,可以使用“z-index”屬性指定一個元素的堆疊順序,語法“z-index:值”。數(shù)值越大,顯示級越高;數(shù)值越小,顯示級越低。當(dāng)數(shù)值為負數(shù)時,表示最底層。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
元素的層疊黃金準(zhǔn)則:
-
誰大誰上:當(dāng)具有明顯的層疊水平標(biāo)識的時候,如生效的z-index屬性值,在同一個層疊上下文領(lǐng)域,層疊水平值大的那一個覆蓋小的那一個
-
后來居上:當(dāng)元素的層疊水平一致、層疊順序相同的時候,在DOM流中處于后面的元素會覆蓋前面的元素
示例:
<div style="z-index:999"></div> 數(shù)值越大,顯示級越高,當(dāng)然一般也不用999, 2,3就夠了 <div id="police_computer_network" class="m_wrapper"> <ul> <li><a href="#" target="_blank">全國公安信息網(wǎng)</a></li> <li><a href="#" target="_blank">全國公安信息網(wǎng)</a></li> <li><a href="#" target="_blank">全國公安信息網(wǎng)</a></li> <li><a href="#" target="_blank">全國公安信息網(wǎng)</a></li> <li><a href="#" target="_blank">全國公安信息網(wǎng)</a></li> <li><a href="#" target="_blank">全國公安信息網(wǎng)</a></li> </ul> <div class="m_itemMain m_up">全國公安網(wǎng)</div> </div>
推薦學(xué)習(xí):css視頻教程