修复了Safari上隐藏的定位div

Question

按照上一个问题 - Overflow issue in a fixed position sidebar - 我在li:hover上显示了一个固定div的链接列表

http://codepen.io/anon/pen/RNxyVP

这适用于所有Windows浏览器 - Chrome，Firefox，Explorer，Opera和旧的Windows Safari。然而，在最新版本的Safari（在Mac上）和iOS上的扩展中，固定div显示保留在祖父固定div中，并且不会漂浮在页面的其余部分上。这也发生在android chrome上。

在这些浏览器上有没有办法让固定的div浮动页面，而不仅限于包装器？

其他因素如包装div可滚动（目前通过overflow-x: hidden;）也必须保留/

Answer 1

因为你在Mac的webkit浏览器中设置了sidebar-wrapper＆＃39; position：fixed＆＃39;，如果固定元素有一个固定的overflow：hidden parent，则该元素将被隐藏。

Answer 2

  please check this
  #sidebar-wrapper {       
    width:200px;    
    background-color:#396DA5;   
    position:fixed; 
    height: 100%;  
                 }

    #menu ul ul {   
    display: none; 
    list-style: none;
    }  
    #menu ul  li:hover > ul
    {       
     display: block;    
    }
    #menu ul ul { 
    padding:50px;   
    position: absolute; 
    left: 150px;  
    background:#f00; 
    margin-top:-20px;
    }