z-index不適用於Safari /試用webkit

我試過-webkit-transform：translateZ（10px）;但也沒有工作。它適用於臺式機，鉻等，我無法弄清楚如何解決......z-index不適用於Safari /試用webkit

HTML - 綠色部分

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

}

來源

2017-03-08 Orkun Oz

添加此

-webkit-transform：translate3d（0,0,0）;

來源

2017-03-08 20:00:10

z-index不適用於Safari /試用webkit

回答

相關問題