只有在野生动物园 - 位置：固定子切断时，父位置：固定和溢出：隐藏

当父格设置到位置，我只看到在Safari这个问题（6.1 OS X）只有在野生动物园 - 位置：固定子切断时，父位置：固定和溢出：隐藏

：固定溢出：隐藏并且子div被设置为位置：固定并且其一部分溢出父项，它被切断。

看看这个的jsfiddle在Chrome和Safari浏览器，看看我的意思是：http://jsfiddle.net/y2dg65y7/3/

<div class="wrapper"> 
    <div class="inner"> 
     Why is cut off in Safari?  
    </div> 
</div> 

.wrapper{ 
    background-color: red; 
    width: 200px; 
    overflow: hidden; 
    height: 400px; 
    position: fixed; 
} 

.inner{ 
    background-color: silver; 
    padding: 20px; 
    width: 400px; 
    height: 200px; 
    position: fixed !important; 
    top: 50px; 
    left: 40px; 
}

这是在Safari中的错误？有什么建议吗？解决方法？

谢谢！ - = B = -

来源

2014-11-02 Throne Creative

看起来像Safari中的错误。固定的位置总是相对于视口，所以它不应该被父母切断。 – alpipego 2014-11-02 22:07:27

Drat - 猜我会破解一些.js来破解这个工作。谢谢。 – 2014-11-03 20:46:09

看完这个http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified/我不太确定我的其他评论是否正确。解决方法是给父母一个不同的“职位”，但这取决于你想要达到的目标。 – alpipego 2014-11-03 21:38:26

不知道这是你想要什么，但这个工程

溢出：可见;

.wrapper{ background-color: red; width: 200px; overflow: visible; height: 400px; position: fixed; }

来源

2015-08-19 00:32:05

只有在野生动物园 - 位置：固定子切断时，父位置：固定和溢出：隐藏

回答

相关问题