如何讓一個div顯示在頁面最頂層

在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影片教學

以上是如何讓一個div顯示在頁面最頂層的詳細內容。更多資訊請關注PHP中文網其他相關文章！