2013-09-24 68 views
9

只需放置一个DIV与白色背景和任何不透明度值:Chrome中的CSS rgba透明度错误?

background-color: rgba(255, 255, 255, .5); 

在白色(255x3)背景。其实DIV的背景是254/254/254。这仅在Chrome中发生。 FF/IE/Opera/Safari可以。

错误?

+0

我没有在Chrome中看到它 - 你有一个例子吗? –

+0

<车身风格=“背景:白色;”> \t

abc
作为Möhre说你应该有不错的显示效果看到这一点。 – Levon

+0

这是一张错误照片(Chrome 36):http://s13.postimg.org/ql29ma96f/white.png – Itay

回答

4

这看起来像一个错误!

我可以证实这种不正当行为。通过使用background: rgba(255,255,255,0.1)也可以得到它。更奇怪:计算的样式表示为background-color: rgba(255, 255, 255, 0.0980392)

在使用TN技术的廉价显示器上很难看到,但仍然可以使用例如屏幕截图和测量。 Photoshop中。

这个问题是相似的:
webkit bug: input's background gets gray without any reason on focus?

3

怪异行为仍然存在在Chrome 38和金丝雀40.为我工作的修复是一个transform: translateZ(0);添加到使用RGBA背景股利。

1

现在可以使用新的will-change属性修复此问题。具体来说,will-change: transform;