多个响应背景图像

Question

我有

    .container {
        width: 960px;
        margin: 0 auto;
    }
    .bgcontainer {
            width: 960px;
            background-image:url(images/midbg.gif);
            margin: 0 auto;
}

我需要将2个（背景）图像附加到容器中。你可以在图像中看到2个翅膀。

当没有像1024 px这样的地方时，它们应该隐藏。

Answer 1

您应该使用媒体查询。这应该可以解决你的问题！

@media screen and (max-width: 1024px) {
    .bgcontainer {
        background-image:none;
    }
}

这适用于多种样式，只需确保更新的样式位于媒体查询的{}括号

之间

Answer 2

将背景放在身上。

http://codepen.io/anon/pen/fAsHa