google-chrome - css3边框半径不适用于子元素

Question

我正在尝试开发在父 div 中具有边框半径的幻灯片框。它适用于 Firefox，但在 safari 和 chrome 中出现问题。

问题是子元素与父 div 的圆 Angular 边框重叠。

您可以在 http://jsfiddle.net/7KgEh/6/ 上查看示例.看看 safari、chrome 和 firefox；您会在右侧看到差异，子 div 与父 div 的圆形边框重叠。

我搜索了互联网，但大多数帖子都指出它是 webkit 错误。有人知道解决方案吗？

Answer 1

只需添加 overflow: hidden;到带有圆形边框的容器元素。