当推送菜单处于活动状态时，如何移动div背景图像？

Question

如何解决问题：

当推送菜单处于活动状态时，我如何移动div背景图像... 我正在使用div css，如

.webcam-bg {
    background-attachment: fixed;
    background-image: url("../images/bg.png");
    background-size: cover;
    height: auto;
} 

如果我没有使用 background-attachment：fixed; ，当推送菜单处于活动状态时，此div背景已被移动...但我需要 background-attachment：fixed; 当推送菜单处于活动状态时向右移动的位置....？

任何人都建议我或帮助我解决问题..

Answer 1

要移动背景图片，您可以使用background-origin或更可能使用background-position

我不确定你的意思是＆＃34;推送菜单＆＃34;。 我假设这是一个类.push-menu的元素，如果它被一个类.active修改并且是你的.webcam-bg元素的兄弟，那么这就是你可以编写的内容

.push-menu.active ~ .webcam-bg {
      background-position: ... ;
}