Z- 색인이 Safari에서 작동하지 않습니다./시도한 웹킷

Question

시도해 보았습니다. -webkit-transform : translateZ (10px); 역시 작동하지 않았다.

 <div class="navbar-collapse collapse in" id="bs-example-navbar-collapse-1" aria-expanded="true"> 


     <ul id="menu-header" class="nav navbar-nav center"><li id="menu-item-202" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-202 active "><a href="http://creativefiesta.com/">Home</a></li> 
       <li id="menu-item-206" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-206"><a href="#work">How does it work?</a></li> 
       <li id="menu-item-207" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-207"><a href="#portfolio">Portfolio</a></li> 
       <li id="menu-item-208" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-208"><a href="#pricing">Pricing</a></li> 
       <li id="menu-item-209" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-209"><a href="#contact">Contact</a></li> 
       </ul>  <ul class="nav navbar-nav navbar-right"> 

          <li> 
    </div> 

CSS

.navbar-default .navbar-collapse, .navbar-default .navbar-form { 
z-index: 10 !important; 
-webkit-transform:translateZ(10px); 
position: absolute; 
} 
.col-sm-6 {z-index: -10 !important; position: relative;} 

} 

Answer 1

이 추가 녹색 섹션 - 그것은 ... 내가 해결하는 방법을 알아낼 수 없습니다 데스크톱, 크롬 등의

HTML을 작동

-webkit-transform : translate3d (0,0,0);