Css 将背景图像覆盖到背景色上
我的网站()工作得很好,但当以1280x1024分辨率查看时,页面底部会出现一点白色,我想去掉它。 背景是一个渐变图像,而不是重建图像,我只想改变背景的颜色以匹配渐变的底部。这能做到吗 以下是我的CSS:Css 将背景图像覆盖到背景色上,css,Css,我的网站()工作得很好,但当以1280x1024分辨率查看时,页面底部会出现一点白色,我想去掉它。 背景是一个渐变图像,而不是重建图像,我只想改变背景的颜色以匹配渐变的底部。这能做到吗 以下是我的CSS: body { background: transparent url("Images/Background.png") repeat-x; height: 100%; width: 100%; margin: 0; padding: 0; } 如果我将
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;/*将透明
更改为红色
在所有浏览器中的效果与我尝试时的预期一样。背景色
似乎填满了整个屏幕…没有图像的迹象