我有2张图片作为我的 body 背景:
background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;
我发现，为了在
upper_bg.png图像上方显示bg.png，我需要将其放在列表的第一位。但是对于不支持多种背景的浏览器，我只想显示bg.png，我担心浏览器将落入upper_bg.png作为后备而非bg.png。如何解决此问题？ 最佳答案
只需在多个背景之前添加仅带有bg.png的background声明即可:
background: url(../img/bg.png) repeat;
background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;
较旧的浏览器将忽略第二行，而保留第一行；他们根本不应该尝试使用第二行的任何部分。支持多种背景的浏览器将正常使用第二行而不是第一行。
关于css - CSS3多个背景图片的备用广告？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/14662030/