我在一个 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>
JSFiddle 链接:http://jsfiddle.net/DvYCA/4/
但由于某些原因,div 的颜色显示为灰色而不是白色。白色上的不透明白色应该显示...白色,对吧?
还是我错了?
编辑: 我正在添加问题的屏幕截图。这是一个非常细微的差异,但在某些屏幕上却很明显。要真正了解差异,请尝试对图像的左侧和右侧区域进行颜色选择。
最佳答案
这不是您的屏幕。颜色选择器不会说谎。我看到该错误仍然存在于 Chrome 38 和 Canary 40 中。对我有用的是将 transform: translateZ(0);
添加到 .opaque-white div。
关于css - 带有 rgba 的不透明白色背景在白色背景上显示灰色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19980370/