我有两张图片作为我身体的背景:
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
。我该如何解决这个问题?
答案 0 :(得分:21)
在多个背景之前,只需在bg.png中添加background
声明即可:
background: url(../img/bg.png) repeat;
background: url(../img/upper_bg.png) 0 495px repeat-x, url(../img/bg.png) repeat;
较旧的浏览器会忽略第二行并保留第一行;他们不应该试图使用第二行的任何部分。支持多个背景的浏览器将使用第二行而不是第一行,通过正常覆盖它。