CSS：不透明度会导致背景颜色略有变化

Question

我为主体设置了特定的背景色。 然后，我想使用另一个具有相同背景颜色但具有不透明度的div：.95作为从页面底部进行动画显示的内容的蒙版。 这导致蒙版div看起来是略有不同的颜色。 有没有办法解决？

请参阅此处的屏幕截图和下面的示例CSS。 我在Lion上使用Chrome 20。

body
{
    background: #3f3c45;  
}

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

更新：请检查此小提琴演示问题

---

更新的解决方案 ：似乎至少在Chrome中，使用-webkit-backface-visibility：隐藏； 在mask div上解决了这个问题。

Answer 1

它是从下面计算5％色彩增益的效果的问题。

三种方式：

• 计算，或
• Firebug颜色选择器的尝试/错误，或者
• 制作屏幕快照并采样透明颜色，然后将采样的颜色应用于非alpha背景。

对于纹身站点，我已更改为略有不同的颜色，以解决不透明度的颜色偏移。

body {
    background: #8d918f;
}