怎么讓一個(gè)div顯示在頁面最頂層

這篇文章主要介紹了怎么讓一個(gè)div顯示在頁面最頂層，具有一定借鑒價(jià)值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

在css中，可以使用“z-index”屬性指定一個(gè)元素的堆疊順序，語法“z-index:值”。數(shù)值越大，顯示級(jí)越高；數(shù)值越小，顯示級(jí)越低。當(dāng)數(shù)值為負(fù)數(shù)時(shí)，表示最底層。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

元素的層疊黃金準(zhǔn)則：

• 誰大誰上：當(dāng)具有明顯的層疊水平標(biāo)識(shí)的時(shí)候，如生效的z-index屬性值，在同一個(gè)層疊上下文領(lǐng)域，層疊水平值大的那一個(gè)覆蓋小的那一個(gè)

• 后來居上：當(dāng)元素的層疊水平一致、層疊順序相同的時(shí)候，在DOM流中處于后面的元素會(huì)覆蓋前面的元素

示例：

<div style="z-index:999"></div>
數(shù)值越大，顯示級(jí)越高，當(dāng)然一般也不用999, 2,3就夠了
  <div id="police_computer_network" class="m_wrapper">
                    <ul>
                        <li><a href="#"   target="_blank">全國(guó)公安信息網(wǎng)</a></li>
                        <li><a href="#"   target="_blank">全國(guó)公安信息網(wǎng)</a></li>
                        <li><a href="#"   target="_blank">全國(guó)公安信息網(wǎng)</a></li>
                        <li><a href="#"   target="_blank">全國(guó)公安信息網(wǎng)</a></li>
                        <li><a href="#"   target="_blank">全國(guó)公安信息網(wǎng)</a></li>
                        <li><a href="#"   target="_blank">全國(guó)公安信息網(wǎng)</a></li>
                    </ul>
                    <div class="m_itemMain m_up">全國(guó)公安網(wǎng)</div>
</div>

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