Question

基本上我想要做的是当屏幕调整到平板电脑/移动设备的宽度时，我希望从背景中移除视差效果。 This website具有我想要的效果，但我不知道它是如何实现的。

我使用相同的jquery视差脚本（http://www.ianlunn.co.uk/plugins/jquery-parallax/）作为我链接的网站，因此从技术上讲，我应该能够达到相同的效果。

编辑：我自己设法解决了这个问题。这是代码：

@media screen and (max-width: 480px) {
    #l-HeaderContainer{
        background-attachment: scroll !important;
        background-position: center !important;
    }
}

Answer 1

你的css不会有效，因为它对id很严格。

Ids应该以字母开头。将您的ID更改为HeadContainer1，并执行以下操作：

@media screen and (max-width: 480px) {
    #HeaderContainer1{
        background-attachment: scroll !important;
        background-position: center !important;
    }
}

SOURCE

如何删除窗口调整大小的视差效果？

1 个答案: