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

【问题标题】：How to move div background image, when push menu is active?当推送菜单处于活动状态时，如何移动 div 背景图像？
【发布时间】：2015-03-28 05:59:53
【问题描述】：

如何解决问题：

当推送菜单处于活动状态时，我如何移动我的 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;当推送菜单处于活动状态时向右移动的位置....？

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：