这是我的问题：我想使用圆角使父 div 圆形，并且我希望该元素的子元素（具有彩色背景）保持正方形，但我不希望正方形的角指向外部圆的父母。这在大多数浏览器中并不难修复，我只是将 overflow:hidden 添加到 parent 和viola。但是，在 Safari 中，该修复不起作用 - 子项的方角指向圆形父项。所以我的问题是，有没有办法让父母的圆角影响Safari中的孩子？
有两种明显的解决方法，但在这种情况下它们都不适用：
- 孩子必须填满父母的整个空间，因此向父母添加填充（如此处所述）不是一种选择。
- 我也不能为孩子添加圆角，因为孩子是由 javascript 调整大小并用作状态指示器，因此需要是方形的。
这是我的代码的 jsFiddle：http: //jsfiddle.net/henrikandersson/4Lnbt/
这是 Chrome（左）和 Safari（右）中的结果：
更新：我在 OS X 和 Windows 中运行 Safari 5.1.7，结果相同。