Chrome에서 작동하지 않는 div. Chrome 브라우저에서 작동하지 않습니다.

Question

나는이 div를 가지고 있으며 z- 색인 : 99999를 설정했으며, Firefox에서 사파리가 제대로 작동하지만 크롬에서 테스트 할 때 바닥 글은 하지 최상위 요소, 어떻게해야 그 밖의 무엇

당신은 또한 위치에 다른 요소를 만들어야 할 것 같습니다

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

이 최상위 요소를 확인합니다. 이제 상단에 바닥 글이 있습니다.