【发布时间】：2012-05-09 03:40:38
【问题描述】：
所以我有一个假的 iOS 5 风格小开关，我使用的技术是使用较小的 div 作为视口，使用较大的 div 作为通过该视口可见的内容。它在 webkit 中完全失败了，因为除了在任何子元素上设置了静态位置之外，它在计算溢出为隐藏时不考虑边框半径。
真的，我想知道 3 件事：
- 为什么 webkit 还没有确认这是一个错误？ (https://bugs.webkit.org/show_bug.cgi?id=72619)
- 对于人们知道的这个错误，是否还有其他解决方法 - 特别是针对我描述的视口技术？
- 更多的是旁注，真的。视口技术是否有一个我应该称呼它的实际正式名称？
【问题讨论】：
-
我不确定 1，但它肯定是一个错误。 CSS 规范明确表示border-radius 改变了填充边缘，这是溢出剪裁的点。我能想到的唯一其他技术是添加一个子元素，该子元素使用部分透明的图像充当粗略的剪贴蒙版——因此开关“持有人”实际上是子元素。不过，这不是一个好的解决方案。
-
我复制并粘贴了代码进行测试，并使用 Google Chrome 在 localhost 上运行它。除了暖和冷之间的圆圈位于暖 div 的开头之外，我无法弄清楚它为什么正确运行。
标签： webkit position overflow css