存在图像时的CSS背景色

我想有一个背景图像背后隐藏的颜色，以便当用户访问我的网站没有能力查看图像或选择不查看图像得到一个相当一致的网站。我尝试在图像前后添加颜色，但颜色覆盖了我的图像。我甚至尝试过在图像后使用颜色，但是这种颜色会使整个网站背景在任何情况下都着色

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

---

您的问题不清楚您尝试过的代码。但是您应该使用

背景图像

和

背景颜色

CSS属性，因为声明

背景

两次将覆盖其他任何属性

（）

或者在背景线中包含颜色

（）

---

css中的颜色没有任何关系。此外，如果没有html partI guess，它也不会向我们显示任何内容，因为代码不完整，问题也不清楚，您可以使用

背景颜色
属性，或者只需在背景属性中添加颜色，例如
背景：url（../images/headerBG.png）black repeat-x。下次尝试创建一个提琴，以便其他人可以看到您的代码工作。我尝试过添加代码，但是如果我在单独一行的图像后添加代码，它会在整个背景中创建颜色，而不仅仅是在隐藏在图像后面的标题区域中，并在无图像或图像拒绝浏览器上显示，如果我将其与图像放在同一行，则颜色会覆盖图像。我想做的应该足够简单。我只想让颜色在图像后面，如果访问者看到图像，就看不到。只有当访问者有图片时才会显示如果我将颜色添加到标题包装部分，它会将图像覆盖到一定的像素百分比如果我将颜色添加到标题部分，它会在图像后面，但会继续考虑整个站点，我只需要颜色为每个部分扩展一定的大小。headerBG图像的大小为94像素。我需要的颜色只有94像素的标题，但如果它去了一点点下面，以涵盖标题下的图片，这将节省我添加代码的标题图像，该部分是大约380px
.headerWrapper {
    background-image: url(../images/headerBG.png);
    background-repeat: repeat-x;
    background-color: rgb(50,150,250);
    width:100%;
    float:left;
}

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