css - Chrome中的CSS rgba透明度错误？

Question

只需放置一个具有白色背景和任何不透明度值的 DIV：

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

在白色 (255x3) 背景上。实际上DIV的背景是254/254/254。这仅在 Chrome 中发生。FF/IE/Opera/Safari 没问题。

漏洞？

Answer 1

这看起来像一个错误！

我可以确认这种不当行为。也通过使用得到它background: rgba(255,255,255,0.1)。更奇怪的是：计算的风格说background-color: rgba(255, 255, 255, 0.0980392)

在使用 TN 技术的廉价显示器上很难看到，但仍然可以使用 Photoshop 等进行截屏和测量。

这个问题类似于：
webkit bug: input's background getting gray without any reason on focus？

Answer 2

Chrome 38 和 Canary 40 中仍然存在奇怪的行为。对我有用的修复方法是在transform: translateZ(0);具有 rgba 背景的 div 中添加一个。

Answer 3

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