修复了 Safari 上隐藏的定位 div答案

【问题标题】：Fixed positioned div hidden on Safari修复了 Safari 上隐藏的定位 div
【发布时间】：2015-05-09 17:56:39
【问题描述】：

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

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

在这些浏览器上，有没有办法让固定的 div 浮动在页面上，并且不受包装器的限制？

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

【问题讨论】：

标签： ios css safari css-position

【解决方案1】：

因为你在 Mac 的 webkit 浏览器中设置了你的 sidebar-wrapper 'position:fixed'，如果一个固定元素有一个固定的 overflow:hidden parent，这个元素将被隐藏。

【讨论】：

虽然没有错，但建议解决方法或其他东西是理想的。

【解决方案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;
    }

【讨论】：

侧边栏包装需要像原始问题一样可滚动。它需要显示所有其他因素相同的固定 div。谢谢