更改浏览器宽度时消失背景图像

Question

我有一个带有2张背景图片的侧边栏。这是我的CSS：

background-color: #fff;
background-image: url('img/back-1.png'), url('img/back-2.png');
background-position: left top, left top;
background-repeat: no-repeat, repeat-y;
background-size: 100% auto, 100% auto;

当我用鼠标改变浏览器的宽度时（我使用响应式设计），第二个图像在某个位置消失。但是，如果我刷新页面或更改宽度，一切都会恢复。你知道为什么图像会消失吗？

Answer 1

我有类似的问题，
我制作了两类CSS，
通过JavaScript检测浏览器宽度，
通过JavaScript将正确的一个附加到类中;