小编Spi*_*kos的帖子

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

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

body {
    background: white;
}

.opaque-white {
    background: rgba(255,255,255,0.95);
    height: 300px;
    width: 300px;
}
Run Code Online (Sandbox Code Playgroud)
<body>

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

</body>
Run Code Online (Sandbox Code Playgroud)

JSFiddle链接:http://jsfiddle.net/DvYCA/4/

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

还是我弄错了?

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

css colors opacity css3

12
推荐指数
2
解决办法
2万
查看次数

标签 统计

colors ×1

css ×1

css3 ×1

opacity ×1