【问题标题】:Rounded corners on transparent borders are doubling translucency in Chrome透明边框上的圆角使 Chrome 中的半透明度加倍
【发布时间】:2011-02-24 06:35:32
【问题描述】:

当为具有透明边框的元素添加边框半径时,Chrome 似乎将角落的不透明度加倍,使它们变得半透明。

代码和示例位于:http://jsfiddle.net/shodan_uk/LMPMg/

有人知道如何解决这个问题吗?

干杯, 特里

【问题讨论】:

    标签: google-chrome transparency css


    【解决方案1】:

    这是 Webkit 的一个已知错误,您可以添加一个包装容器来伪造边框并应用边框半径,或者稍微更改不透明度值或边框(这会在您的元素角落产生一些模糊的线条.

    在此处查看演示:http://jsfiddle.net/duopixel/hG9W8/

    这是一个与您类似的问题: Weird border opacity behavior in Webkit?

    【讨论】:

      【解决方案2】:

      是的,我遇到过类似的问题。我改用 css3 边框图像来获得与最初预期相同的效果。

      【讨论】:

        猜你喜欢
        • 2013-02-08
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-11-25
        • 1970-01-01
        • 2020-08-10
        • 2021-11-01
        相关资源
        最近更新 更多