css - 背景色透明显示为白色

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)"

然而它显示它的背景为白色而不是主体颜色(黄绿色)。

这是为什么？

谢谢!

Answer 1

您有三层:body、#wrapper 和#wrapper-1。 #wrapper 的背景是重复的bg_wrapper.gif，而#wrapper-1 的背景是重复的bg_wrapper_1.gif，所以最后你看到了gif 的颜色。如果想看到 body 背景，您需要删除 gif。