【发布时间】:2011-02-24 06:35:32
【问题描述】:
当为具有透明边框的元素添加边框半径时,Chrome 似乎将角落的不透明度加倍,使它们变得半透明。
代码和示例位于:http://jsfiddle.net/shodan_uk/LMPMg/
有人知道如何解决这个问题吗?
干杯, 特里
【问题讨论】:
标签: google-chrome transparency css
当为具有透明边框的元素添加边框半径时,Chrome 似乎将角落的不透明度加倍,使它们变得半透明。
代码和示例位于:http://jsfiddle.net/shodan_uk/LMPMg/
有人知道如何解决这个问题吗?
干杯, 特里
【问题讨论】:
标签: google-chrome transparency css
这是 Webkit 的一个已知错误,您可以添加一个包装容器来伪造边框并应用边框半径,或者稍微更改不透明度值或边框(这会在您的元素角落产生一些模糊的线条.
在此处查看演示:http://jsfiddle.net/duopixel/hG9W8/
这是一个与您类似的问题: Weird border opacity behavior in Webkit?
【讨论】:
是的,我遇到过类似的问题。我改用 css3 边框图像来获得与最初预期相同的效果。
【讨论】: