当网页同时设置了背景图片和背景颜色会是啥效果

Posted 2023-03-30

网页背景颜色和背景图片，结构上都一样。一般放在body属性里，代码是background。在css里，背景颜色和图片可以同时使用！而往往，背景图片会优先运行。而图片覆盖不到的地方，会执行颜色代码。

body
background:url(https://www.baidu.com/img/bdlogo.png) #000 no-repeat;

上边代码包含了图片和颜色#000（黑色），按照css运行顺序，会先执行图片，再执行颜色。而图片覆盖不到的将由颜色覆盖！如果图片覆盖整个网页，那么颜色则不会被执行。

参考技术A 显示背景图片。背景颜色会被遮掉。本回答被提问者采纳

dreamweaver cs3中,若给网页同时指定了背景图像和背景颜色,优先显示哪一个?

其实两者都显示，不过是层叠关系，图片在上，颜色在下
当图片无法显示时，就能看到背景颜色
背景图片background-repeat属性非默认值repeat，同时背景图片无法完整填充容器时，背景图片未填充部分显示背景颜色 参考技术A 背景图片，如果没设置背景图片的不填充，你就看不到背景颜色。如果背景图片不填充而且还有足够的空间则会显示背景颜色。否则也看不到背景颜色。