@media css函数的回退背景属性

Question

我使用这些css命令：

@media all and (max-width:1050px) {
body {
    background:#90a830 url(img/bg.png) no-repeat left top;
    background-position:-481px 0;
}
}
@media not all and (max-width:1050px) {
body {
background:#90a830 url(img/bg.png) no-repeat center top;
}
}
body {
line-height:1;
margin:0px auto;
padding:0px;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
-o-font-smoothing: antialiased;
font-smoothing: antialiased;
font-family: 'roboto_condensedregular';
}

这允许我有两个不同的背景设置不同的屏幕宽度，然而.

在旧浏览器中，背景是空白的，我猜是因为旧浏览器无法查看媒体标记。

我的问题是，如何为旧浏览器做退路，所以如果任何浏览器不支持媒体标记，它仍然返回到其他css以显示背景？

谢谢

Answer 1

首先设置回退background样式，然后根据每个屏幕大小重写它们