位置：被父元素溢出切断的固定元素：隐藏（IOS7，Mobile Safari）
Nic*_*o O 5 html css mobile-safari responsive-design
在更复杂的用例中，IOS7中的Mobile Safari似乎与CSS视觉格式模型有关。基本上，我想显示一个位置为：fixed;的元素。在元素内部，它使用溢出：隐藏。由于应将固定元素放到父级视口之外，因此应忽略溢出。
我创建了一个小提琴来显示此问题：http : //fiddle.jshell.net/NicoO/6Tus7/10/show/
如果您在Chrome，Firefox等上观看此视频，则会看到黄色的叠加层，该叠加层没有被其父级溢出规则所截断（如预期）。在Mobile Safari中，您会看到黄色框已被切除。
有趣的是，如果您将所有这些都重新放入iframe，它似乎可以工作。我坚持这一点，但仍然希望我犯了一个简单的错误……
谢谢。