css3多个背景图像的后备？

Question

我有两张图片作为我身体的背景：

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。我该如何解决这个问题？

Answer 1

在多个背景之前，只需在bg.png中添加background声明即可：

background: url(../img/bg.png) repeat;
background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;

较旧的浏览器会忽略第二行并保留第一行;他们不应该试图使用第二行的任何部分。支持多个背景的浏览器将使用第二行而不是第一行，通过正常覆盖它。