位置:固定元素被父元素溢出截断:隐藏(IOS7,Mobile Safari)

时间:2014-01-28 19:28:09

标签: html responsive-design mobile-safari css

IOS7中的Mobile Safari似乎在CSS视觉格式模型中存在问题 - 在更复杂的用例中。 基本上我想要显示一个位置元素:fixed;在元素内部,使用溢出:隐藏。由于 fixed 元素应该从父视口中删除,因此应忽略溢出。

我创建了一个小提示来显示问题:http://fiddle.jshell.net/NicoO/6Tus7/10/show/

如果您在Chrome,Firefox等上观看此内容,您会看到一个黄色叠加层,它没有被父级溢出规则(如预期的那样)切断。 在Mobile Safari中,您会看到黄色框已被切断。

enter image description here

如果你把所有这些都放在iframe中,它似乎很有趣。我坚持这一点,仍然希望,我只是犯了一个简单的错误......

谢谢。

0 个答案:

没有答案