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

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

我遇到了类似的问题，
我制作了 2 类 CSS，
通过 JavaScript 检测浏览器宽度，
通过 JavaScript 将正确的附加到类中；