边境半径在safari下失败(丑陋的剪裁)

Question

有人知道在Safari中使用'bug'的解决方法吗？

当我用border-radiusCSS3创建圆形边框时,它在Safari,FF等上工作正常.

但是当边框颜色是背景中的颜色时,您可以看到容器背景与边框重叠.

你可以在这里试试:http://de.roundedcorner.org/css3-rounded-corner-generator只需将border-color和sites background设置为#333333

谢谢你的帮助!

Answer 1

这很可能是由于背景剪辑造成的.

以下内容应予以纠正.

-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;

有关背景剪辑的更多信息,请查看此处:https: //developer.mozilla.org/en/CSS/background-clip