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
}

看起来你必须让其他元素也定位。现在你的页脚就在上面了。

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

1 个答案: