在顶部显示 Div..它在 Chrome 浏览器中不起作用答案

【问题标题】：Show Div on top..its not working in Chrome browser在顶部显示 Div..它在 Chrome 浏览器中不起作用
【发布时间】：2011-12-05 10:05:23
【问题描述】：

我有这个 div 并且我设置了它的 z-index：99999，它在 firefox 和 safari 上运行良好，但是当我在 chrome 上测试它时，页脚不是顶部元素，

我还应该怎么做才能使它成为最顶层的元素

【问题讨论】：

您是否确保在此之后/之前的其他容器上设置 z-index 并竞争订单？您必须在所有竞争层顺序的容器上设置 z-index。
您是否尝试过发回覆盖您的页脚的元素？例如容器在页脚上方，将容器的 z-index 设置为 -1。
是的，所有其他元素都有一个 z-index，我刚刚将 !important 添加到 z-index 并且它现在似乎可以在 Chrome 上运行
您希望页脚在顶部吗？但是这样你会隐藏带有链接的容器。或者它是另一个保持在顶部的元素？

标签： javascript html css

【解决方案1】：

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
}

看起来你必须让其他元素也被定位。现在您的页脚位于顶部。

【讨论】：