Html css3边界半径属性;镀铬的角落太苍白了?

Html css3边界半径属性;镀铬的角落太苍白了?,html,css,Html,Css,我试图使用圆角与CSS 3,但我得到了一个奇怪的错误。在IE9中,一切都很好。然而,在镀铬中,当我尝试在边框上添加颜色时,角落本身看起来太苍白了。还有人感染了这个病毒吗?它甚至是一只虫子吗 我正在使用的示例如下: border: solid 1px #000000; -moz-border-radius: 10px; -khtml-border-radius:10px; border-radius: 10px; [[已解决]] 谢谢你的帮助,但我发现了问题所在 我对一个图像进行了圆角处理(可能

我试图使用圆角与CSS 3,但我得到了一个奇怪的错误。在IE9中,一切都很好。然而,在镀铬中,当我尝试在边框上添加颜色时,角落本身看起来太苍白了。还有人感染了这个病毒吗?它甚至是一只虫子吗

我正在使用的示例如下:

border: solid 1px #000000;
-moz-border-radius: 10px;
-khtml-border-radius:10px;
border-radius: 10px;
[[已解决]]
谢谢你的帮助,但我发现了问题所在

我对一个图像进行了圆角处理(可能应该指定这一点),因此边框圆角处理发生在图像后面,即实际边框在图像后面被圆角处理,使其看起来好像边框更薄,甚至是透明的。通过稍微改变图像,我成功地得到了我想要的结果

再次感谢大家! 注意

也许试试这个

-webkit-border-radius: 10px;

您的圆角也可能会受到浏览器对CSS3属性、
background origin
background clip
的实现的影响

背景原点属性用于确定如何计算特定框中背景的背景位置。背景剪辑属性用于确定背景是否延伸到边框中

下面是两个属性在背景和边框上的屏幕截图,这可能会影响圆角


第一行使用
背景剪辑:边框框
,而第二行指定
背景剪辑:填充框

谢谢您的帮助,但我找到了问题所在

我对一个图像进行了圆角处理(可能应该指定这一点),因此边框圆角处理发生在图像后面,即实际边框在图像后面被圆角处理,使其看起来好像边框更薄,甚至是透明的。通过稍微改变图像,我成功地得到了我想要的结果


再次感谢大家!注意

请记住,不同的浏览器绘制圆形边框的方式不同。这是一个实现细节,而不是一个实际的bug本身。我不会说Chrome的边框看起来更苍白。你能发布屏幕截图吗?也许是消除混叠使它看起来更苍白?就像@BoltClock所说的,浏览器将使它的渲染略有不同。使用老式的图像处理方法可能会解决问题。您可以使用复制吗?请在下面将您的解决方案作为答案发布,并删除不必要的[[已解决]]标记。