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

Question

我有这个 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> 

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

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