存在图像时的 CSS 背景颜色

Question

我希望在背景图像后面隐藏一种颜色，以便当用户访问我的网站而无法查看图像或选择不查看图像时，可以得到一个相当一致的网站。我尝试在图像之前和之后添加颜色，但颜色超出了我的图像。我什至尝试在图像之后使用颜色，但是颜色会在所有内容下为整个站点背景着色。

.headerWrapper {
    background: url(../images/headerBG.png) repeat-x;
    width:100%;
    float:left;
}
.header {
    height:94px;
    width:1000px;
    float:left;
}

Answer 1

您的问题不清楚您尝试过的代码。但是你应该使用 background-image 和 background-color CSS 属性，因为两次声明 background 会覆盖其他任何一个

(Demo)

.headerWrapper {
    background-image: url(../images/headerBG.png);
    background-repeat: repeat-x;
    background-color: rgb(50,150,250);
    width:100%;
    float:left;
}

或者在背景行中包含颜色

(Demo)

.headerWrapper {
    background: url(../images/headerBG.png) rgb(50,150,250) repeat-x;
    width:100%;
    float:left;
}