css – 使用border-radius时可见的部分背景图像

使用下面的代码,Mac上的Chrome和Opera(支持border-radius的最新版本)在圆角外显示一个小的蓝色区域(这似乎是定义的背景图像的一部分).为什么？

ottom.png); color: #fff; height: 40px; width: 150px; border-radius: 10px; border: 1px solid #fff; font-size: 14px }
    

最佳答案

我使用background-clip：http://www.css3.info/preview/background-origin-and-background-clip/解决了这个问题

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