如何在按钮菜单处于活动状态时移动 div 背景图像

Question

如何解决问题：

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

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

如果我不使用背景附件：已修复; ，此div 背景在按钮菜单处于活动状态时被移动...但是我需要背景附件：固定; 按钮菜单处于活动状态时向右移动的位置....？

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

Answer 1

要移动背景图像，您可以使用背景原点或更可能的背景位置

我不确定你说的"推送菜单"是什么意思。我假设这是一个带有类 .push-menu 的元素，如果它被类.active修改并且是你的.webcam-bg元素的同级，那么这就是你可以写的

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