gpt4 book ai didi

css - 带有 rgba 的不透明白色背景在白色背景上显示灰色?

转载 作者:技术小花猫 更新时间:2023-10-29 10:29:54 26 4
gpt4 key购买 nike

我在一个 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 的颜色显示为灰色而不是白色。白色上的不透明白色应该显示...白色,对吧?

还是我错了?

编辑:我正在添加问题的屏幕截图。这是一个非常细微的差异,但在某些屏幕上却很明显。要真正了解差异,请尝试对图像的左侧和右侧区域进行颜色选择。 Difference between white and transparent-white-over-solid-white :)

最佳答案

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

关于css - 带有 rgba 的不透明白色背景在白色背景上显示灰色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19980370/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com