与rgba的不透明的白色背景显示在白色背景的灰色？

Question

我在div上添加了一个透明背景,在白色背景上,如下所示:

body {
    background: white;
}

.opaque-white {
    background: rgba(255,255,255,0.95);
    height: 300px;
    width: 300px;
}

<body>

    <div class="opaque-white">
        Area with opaque (opacity: 0.95) background.
    </div>

</body>

但由于某种原因,div的颜色显示灰色而不是白色.白色的不透明白色应该显示......白色,对吗？

还是我弄错了？

编辑:我正在添加问题的屏幕截图.这是一个非常微妙的差异,但在某些屏幕上却很明显.要真正了解差异,请尝试使用正确的区域选择图像左侧的颜色. 白色和透明白色 - 纯白色的区别:)

Answer 1

这不是你的屏幕.颜色选择器不会说谎.我看到这个bug仍然存在于Chrome 38和Canary 40中.对我transform: translateZ(0);有用的是添加到.opaque-white div.

Answer 2

您的屏幕截图似乎显示了所需的效果 - 对我来说它显示为白色，在 Photoshop 中打开它显示一侧为 255,255,255，另一侧为 254,254,254。

你在不同的显示器上检查过吗？在我看来，解决方案（或者更确切地说是问题）实际上是本地的 - 可能是您的屏幕或某些损坏的 .icm 文件。

您可以尝试使用十六进制值和不透明度属性吗？

.opaque-white {
background: #ffffff;
opacity:.95;
}

这是一个小提琴： http: //jsfiddle.net/Gv59a/