在css中,可以使用“z-index”屬性指定一個元素的堆疊順序,語法“z-index:值”。數值越大,顯示級越高;數值越小,顯示級越低。當數值為負數時,表示最底層。

本教程操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
元素的層疊黃金準則:
-
誰大誰上:當具有明顯的層疊水平標識的時候,如生效的z-index屬性值,在同一個層疊上下文領域,層疊水平值大的那一個覆蓋小的那一個
-
后來居上:當元素的層疊水平一致、層疊順序相同的時候,在DOM流中處于后面的元素會覆蓋前面的元素
示例:
<div style="z-index:999"></div> 數值越大,顯示級越高,當然一般也不用999, 2,3就夠了 <div id="police_computer_network" class="m_wrapper"> <ul> <li><a href="#" target="_blank">全國公安信息網</a></li> <li><a href="#" target="_blank">全國公安信息網</a></li> <li><a href="#" target="_blank">全國公安信息網</a></li> <li><a href="#" target="_blank">全國公安信息網</a></li> <li><a href="#" target="_blank">全國公安信息網</a></li> <li><a href="#" target="_blank">全國公安信息網</a></li> </ul> <div class="m_itemMain m_up">全國公安網</div> </div>

推薦學習:css視頻教程
站長資訊網