当浏览器或设备达到一定宽度时，在CSS中切换背景

我有一个图像作为主要内容区域和侧栏的背景。它反应灵敏，工作良好，直到侧杆消失在底部。然后，我想切换到一个不同的背景图像，不再有侧栏的颜色了

---

我在WordPress上工作，可以编辑CSS。有什么想法吗？

您需要使用媒体查询。一段CSS，只有在满足条件后才能看到。比如说

@media screen and (max-width: 500px) {
    body {
        background: blue;
    }
}

---

当背景为蓝色时，任何小于500px的屏幕都是蓝色。

我想使用另一个图像作为背景。我尝试使用url，但一定是做错了。白色的工作非常好！使用图像只需更改“背景：蓝色；”“背景：URL（../path/to/IMG.png”）；”