怎么讓一個div顯示在頁面最頂層

這篇文章主要介紹了怎么讓一個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>

感謝你能夠認真閱讀完這篇文章，希望小編分享的“怎么讓一個div顯示在頁面最頂層”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關注億速云行業資訊頻道，更多相關知識等著你來學習!