顯示部門頂部..它不適用於Chrome瀏覽器

我有這個div，我已經設置了它的z-index：99999，它在firefox和safari上工作正常，但是當我在鉻上測試它時，頁腳是不是頂級元素，顯示部門頂部..它不適用於Chrome瀏覽器

否則我應該怎麼做才能讓

 
<div id="footer" style="z-index: 99999 !important; width: 100%; height: 65px; position: fixed; bottom: 0px; "> 
    <div class="container"> 
    <div class="footer-nav"> 
     <ul> 
      <li><a href="/team/">Team</a></li> 
     </ul> 
     <ul> 
      <li>Jobs</li> 
     </ul> 
     <ul> 
      <li><Twitter></li> 
     </ul> 
     </div> 
     
     <hr> 
    </div> 
</div>

來源

2011-10-11 Sandhurst

您是否確定將其他容器上的z-index設置爲在此之前/之前並爭奪訂單？您必須在競爭圖層順序的所有容器上設置z-index。 – Candide

您是否嘗試過發回包含頁腳的元素？如果容器超過頁腳，則將容器的z-index設置爲-1。 – rmagnum2002

是的，每一個其他元素都有一個z-index，我剛剛添加！對z-index很重要，它現在似乎在Chrome上工作 – Sandhurst

http://jsfiddle.net/A5jcT/2/

<div id="footer"> 
    <div class="container"> 
    <div class="footer-nav"> 
     <ul> 
      <li><a href="/team/">Team</a></li> 
     </ul> 
     <ul> 
      <li>Jobs</li> 
     </ul> 
     <ul> 
      <li><Twitter></li> 
     </ul> 
     </div> 

     <hr> 
    </div> 
</div> 

#footer 
{ 
    border:1px solid blue; z-index: 9999;width: 100%; 
    height: 65px;position: ; bottom: 0px; 
} 
.container 
{ 
    border:1px solid red;position:relative;z-index: -10 
} 

.footer-nav 
{ 
    border:1px solid green;position:relative;z-index: -20 
}

它看起來像你必須讓其他元素也將其定位最頂端的元素。現在你的頁腳在上面了。

來源

2011-10-11 16:11:38 rmagnum2002

顯示部門頂部..它不適用於Chrome瀏覽器

回答

相關問題