CSS 3 border-radius属性； Chrome的角落太苍白了吗？

Question

我试图在CSS 3中使用圆角，但是却遇到了一个奇怪的错误。 在IE9中，一切正常显示。 但是，在Chrome浏览器中，当我尝试向边框添加颜色时，角落本身看起来太白了。 还有其他人收到此错误吗？ 它甚至是一个错误吗？

我正在使用的示例如下：

border: solid 1px #000000;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;

[[解决了]]
感谢您的帮助，但我发现了问题所在。

我正在对图像进行四舍五入（可能应该已经指定了），因此边框四舍五入发生在图像的后面，即，实际的边框在其后被四舍五入，使其看起来好像边框更细甚至透明。 通过稍微改变图像，我设法获得了想要的结果。

再次感谢大家！ NS

Answer 1

浏览器对CSS3属性（ background-origin和background-clip的实现也可能会影响您的圆角。

background-origin属性用于确定特定盒子中背景的背景位置如何计算。 background-clip属性用于确定背景是否延伸到边框中。

以下屏幕截图演示了这两个属性在背景和边框上的差异 ，这可能会影响圆角。

第一行使用background-clip: border-box ，而第二行指定background-clip: padding-box 。

Answer 2

也许试试这个

-webkit-border-radius: 10px;

Answer 3

感谢您的帮助，但我发现了问题所在。

我正在对图像进行四舍五入（可能应该已经指定了），因此边框四舍五入发生在图像的后面，即，实际的边框在其后被四舍五入，使其看起来好像边框更细甚至透明。 通过稍微改变图像，我设法获得了想要的结果。

再次感谢大家！ NS