background-color transparent 显示为白色答案

【问题标题】：background-color transparent shows as whitebackground-color transparent 显示为白色
【发布时间】：2017-08-06 09:43:48
【问题描述】：

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

中间一列是 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)"

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

为什么会这样？

谢谢！

【问题讨论】：

标签： css

【解决方案1】：

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

【讨论】：

【解决方案2】：

这就是问题所在：

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

删除background: url(../images/layout/bg_wrapper.gif) 0 0 并将其替换为 background: transparent （你不必，删除后它会是透明的..）

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

#wrapper {
    background: transparent !important;
}

【讨论】：