Chrome中的CSS rgba透明度错误?

时间:2013-09-24 03:07:12

标签: css google-chrome transparency rgba

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

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

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

错误?

3 个答案:

答案 0 :(得分: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?

答案 1 :(得分:3)

奇怪的行为仍然出现在Chrome 38和Canary 40中。对我有用的修复是向rgba背景的div添加transform: translateZ(0);

答案 2 :(得分:1)

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