修复了Safari上隐藏的定位div

Question

按照上一个问题 - 固定位置侧边栏中的溢出问题 - 我有一个显示固定div的链接列表li:hover

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'position:fixed',如果一个固定元素有一个固定的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;
    }