将border-radius添加到具有透明边框的元素时，Chrome似乎会使角落的不透明度加倍，使其变得半透明。
代码和示例位于：http://jsfiddle.net/shodan_uk/LMPMg/
任何人都有任何想法如何绕过这个？
干杯， 特里
答案 0 :(得分：2)
这是一个已知的Webkit错误，你可以添加一个包装容器来伪造边框并应用border-radius，或稍微改变不透明度值或边框（这会在元素的角上产生一些模糊的线条）
在此处查看演示：http://jsfiddle.net/duopixel/hG9W8/
以下是与您类似的问题： Weird border opacity behavior in Webkit?
答案 1 :(得分：0)
是的我有类似的问题。我使用css3边框图像来获得与最初预期相同的效果。