只需放置具有白色背景和任何不透明度值的DIV:
background-color: rgba(255, 255, 255, .5);
在白色(255x3)背景上。实际上DIV的背景是254/254/254。这只发生在Chrome中。 FF / IE / Opera / Safari还可以。
错误?
答案 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;