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

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

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

• 工作

---

工作





#页脚
{
边框：1px纯蓝色；z指数：9999；宽度：100%；
高度：65px；位置：；底部：0px；
}
.集装箱
{
边框：1px实心红色；位置：相对；z索引：-10
}
.页脚导航
{
边框：1px纯绿色；位置：相对；z索引：-20
}

看起来您必须使其他元素也定位。现在，页脚位于顶部。

工作





#页脚
{
边框：1px纯蓝色；z指数：9999；宽度：100%；
高度：65px；位置：；底部：0px；
}
.集装箱
{
边框：1px实心红色；位置：相对；z索引：-10
}
.页脚导航
{
边框：1px纯绿色；位置：相对；z索引：-20
}

---

看起来您必须使其他元素也定位。现在，页脚位于顶部。

您是否确定要在此之后/之前的其他容器上设置z索引并竞争订单？您必须在所有竞争图层顺序的容器上设置z索引。您是否尝试发回覆盖页脚的元素？对于ex，容器超过页脚，将容器的z索引设置为-1。是的，我刚才添加的每个其他元素都有一个z索引！对z-index很重要，而且它现在似乎正在Chrome上工作。你想把页脚放在上面吗？但是通过这种方式，您将隐藏带有链接的容器。或者它是另一个保持在顶部的元素？您是否确保在此之后/之前的其他容器上设置z索引并竞争订单？您必须在所有竞争图层顺序的容器上设置z索引。您是否尝试发回覆盖页脚的元素？对于ex，容器超过页脚，将容器的z索引设置为-1。是的，我刚才添加的每个其他元素都有一个z索引！对z-index很重要，而且它现在似乎正在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>

<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
}