背景颜色透明显示为白色

Question

我遇到了背景颜色透明的问题，显示为白色

以下是一个示例页面：    http://www.kurzweilai.net/ray-kurzweil-reveals-plans-for-linguistically-fluent-google-software?utm_source=KurzweilAI+Weekly+Newsletter&utm_campaign=0ad261ad5e-UA-946742-1&utm_medium=email&utm_term=0_147a5a48c1-0ad261ad5e-281975877

中间列是div'wrapper'

具有样式：background: url('../images/layout/bg_wrapper.gif') 0 0 repeat-y;

如果我进入控制台并输入：

x=document.getElementById('wrapper'); 
window.getComputedStyle(x, null).getPropertyValue('background-color');

我明白了：

"rgba(0, 0, 0, 0)"

然而它显示它的背景为白色而不是体色（黄绿色）。

为什么？

THX！

Answer 1

你有三个层：body，＃wrapper和#wrapper-1。 #wrapper的背景是重复的bg_wrapper.gif，而＃wrapper-1就是重复的bg_wrapper_1.gif，所以最后你会看到GIF的颜色。如果想要查看正文背景，则需要删除GIF。

Answer 2

这是问题所在：

#wrapper {
background: url(../images/layout/bg_wrapper.gif) 0 0

删除background: url(../images/layout/bg_wrapper.gif) 0 0并将其替换为背景：透明（您不必，删除后它将是透明的。）

您也可以使用！important选择器覆盖。

#wrapper {
    background: transparent !important;
}