Javascript 谷歌浏览器不显示视差图像

我仍然是一名学习型开发者，我不确定问题出在哪里，但我的视差图像似乎根本就没有加载到Google Chrome上。Firefox、IE和Safari的工作似乎完美无缺。我已经读过关于它可能与固定财产有关，因为Chrome的一个小故障，但我不确定我的下一步是什么

因此，我在许多（如果不是所有）页面上都有当前的英雄设置：

<section class="hero-fullscreen parallax">            
        <div class="background-image">
            <img src="img/backgrounds/encounter.png" alt="img">
        </div>                         
    </section>

---

这是Chromes从66更新到67的一个问题。查看您正在运行的Chrome版本。如果是67，那是你的问题。。。或者我应该说，谷歌的问题。我在其他CPU上的版本66上测试了我的站点，没有问题

目前，我在网上找到了两个有效的修复程序

您可以将以下属性添加到包含带有固定附件的背景图像的元素中

yourdiv {
position:relative;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
transform: translate3d(0,0,0);
-webkit-transform: translate3d(0,0,0);
}

或者，可以将背景固定图像的元素的位置更改为静态

yourdiv {
position:static;
background-image:url(your_image);
background-size:cover;
background-position:center;
background-attachment:fixed;
}

---

希望这对现在有所帮助。

它似乎对我有用。看看你的Chrome设置是否是一个因素（Chrome菜单->设置->显示高级设置->[图像部分]“显示所有图像”），没有显示的图像似乎只是视差图像。尝试在Chrome中使用它是灰色屏幕，但在其他浏览器中有一个图形。我在控制台中看到一个错误“Uncaught TypeError:未能在“EventTarget”上执行“addEventListener”：作为参数2提供的回调不是对象。“-这是在视差插件上。此外，主页上的视频似乎也不会播放，好像问题是相关的？如果你从CSS文件中删除所有视差线，并使其成为标准bg，你的图像将再次显示。我目前使用的是66.0.3359.181-这似乎是大多数人认为每个人都会遇到图像问题的版本。