Webkit不透明度渲染

我不知道这是为什么,但只是测试,尝试使用RGBA而不是不透明(毕竟这是更好的实践,但IE不支持它)

http://www.css3.info/preview/rgba/

一个可能的答案是,上面的示例被渲染为黑白(或透明),并基于此为反走样假定的gamma值。一旦在不透明度为0.5的白色背景上渲染,像素值将全部增加50%,并且gamma值将不再正确,以确保像素值之间的平滑变化。

至少我是这么想的。希望有意义。

字体在浏览器上的呈现方式取决于浏览器本身和操作系统。例如,这在OSX上可能看起来更好,因为它具有系统范围的抗锯齿功能。

rgba 不过,现在是更好的练习 opacity rgba公司 . 不透明度 This post 提供了一个很好的解决方案:

.transparent {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

rgba公司