Css 将背景图像覆盖到背景色上

Css 将背景图像覆盖到背景色上,css,Css,我的网站()工作得很好,但当以1280x1024分辨率查看时,页面底部会出现一点白色,我想去掉它。 背景是一个渐变图像,而不是重建图像,我只想改变背景的颜色以匹配渐变的底部。这能做到吗 以下是我的CSS: body { background: transparent url("Images/Background.png") repeat-x; height: 100%; width: 100%; margin: 0; padding: 0; } 如果我将

我的网站()工作得很好,但当以1280x1024分辨率查看时,页面底部会出现一点白色,我想去掉它。 背景是一个渐变图像,而不是重建图像,我只想改变背景的颜色以匹配渐变的底部。这能做到吗

以下是我的CSS:

body {
    background: transparent url("Images/Background.png") repeat-x;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
}
如果我将
透明
更改为颜色,图像将消失。。。有什么想法吗


提前谢谢

您可以在CSS中使用背景色属性,将颜色设置为图像的底色。例如:

background-color:#00ff00;

只需设置一个附加的背景色,如下所示:

  body {
    background-image:url("Images/Background.png");
    background-repeat:repeat-x;
    background-color:#999999; /* << inset your gray here */
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }
正文{
背景图片:url(“Images/background.png”);
背景重复:重复-x;

背景色:#999999;/*将
透明
更改为
红色
在所有浏览器中的效果与我尝试时的预期一样。
背景色
似乎填满了整个屏幕…没有图像的迹象