-1

如果你用代码做一个简单的网站：

<div style='background-color: rgba(0,0,0,.05);width:50px;height:50px'></div>

并在各种设备上查看它，您会看到非常不同的颜色。

在我的 iPhone 和 iPad 上，它看起来是白色的，但在我的 MacBook 上，你可以看到明显的浅灰色，看起来很接近#fafafa；我还没有在其他设备上彻底测试过，但我认为 Android Chrome 有时会在颜色之间显示三分之一。

这不是屏幕颜色容量不同的问题，因为 iPad 绝对能够显示#fafafa。

那么这是什么故事，有什么办法可以解决吗？

4

2 回答 2

1

rgba(0,0,0,.05)是一种令人难以置信的浅色。5% 的色调在许多低端 LCD 上是不可见的，尤其是6 位面板。就我个人而言，当我使用 RGBA 时，我只调整了 10% 的增量。此外，您会注意到这一点#fafafa并且rgba(0,0,0,.05)不会显示相同的内容，因为它们不一样。#f2f2f2是rgba(0,0,0,.05)（至少在 Photoshop 中。）

RGB 类型之间也存在差异。设备也会根据光照条件做出不同的适应——而且它们的适应方式也不一样。还有不同的屏幕类型，如AMOLED

于 2013-08-05T22:32:24.183 回答
0

根据我的经验，这通常是由于不同屏幕和亮度设置上的对比度而发生的。我的建议是玩这些。

还要检查浏览器兼容性，但你提到的那些应该没问题：

http://css-tricks.com/rgba-browser-support/

于 2013-08-02T17:45:39.830 回答