CSS：不透明度会导致轻微的背景颜色变化

Question

我为身体设置了特定的背景颜色。然后我想使用具有相同背景颜色但具有不透明度的另一个div：.95作为从页面底部进行动画制作的掩码。这导致掩蔽div看起来是略微不同的颜色。有没有办法解决这个问题？

查看截屏here和下面的示例CSS。我在Lion上使用Chrome 20。

body
{
    background: #3f3c45;  
}

#bottommask
{
    background: #3f3c45;
    opacity: .95;
}

更新：请检查显示问题的this fiddle

---

更新的解决方案：似乎至少在Chrome中，使用-webkit-backface-visibility：hidden;在掩码div上解决了这个问题。

Answer 1

从下面计算5％色彩增益的影响。

三种方式：

• 计算，或
• 使用Firebug颜色选择器进行试用/错误，或
• 制作屏幕截图并对透明色进行采样，然后将采样的颜色应用于非alpha背景。

对于纹身网站，我改为略有不同的颜色，以便考虑不透明度的颜色偏移。

body {
    background: #8d918f;
}