border-radius在Chrome中不起作用？任何解决方法？

Question

我已将border-radius(以及-moz-border-radius旧版浏览器)设置为20px,并且我在Safari和Firefox中都能很好地工作.然后,我打开Chrome,它拒绝接受定义的border-radius.有关在Chrome中解决此问题的建议吗？

请参阅此处的CSS编码: http ://jsfiddle.net/MAYea/

Safari中的屏幕截图:

Chrome屏幕截图:

Answer 1

这不是border-radius没有用,它overflow是没有隐藏溢出.

这实际上是Chrome中的一个新错误.我的世界末日时钟也有类似的问题,尽管它在早期版本的Chrome中运行得很好.

作为解决方法,您可以指定border-radius包含的元素以及容器.