Javascript 在Materialize.css中获得视差效果需要任何特殊图像吗？

我正在使用

我的代码：

<div class="parallax-container">
    <div class="parallax">
        <img src="../../public/assets/img/mount.jpg" />        
    </div>    
</div>

<div class="parallax-container">
    <div class="parallax">
         <img src="http://www.mrwallpaper.com/wallpapers/landscape-georgia.jpg">
     </div>   
</div>

只有第二幅图像在滚动时似乎获得了视差效果，而第一幅图像似乎以相同的速度移动。

mount.jpg

只是我电脑中的一个随机图像

和。。当然，我用javascript初始化了视差

---

$（'.parallax'）.parallax（）
我在这里更新你的小提琴

一切都很好。我只清理你的html并更正你的外部资源

<!-- Compiled and minified CSS -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/css/materialize.min.css">

<!-- Compiled and minified JavaScript -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.98.1/js/materialize.min.js"></script>



我甚至尝试了不同的图像&效果很好。
你能举个小提琴的例子吗？当然！1秒等一下。。但是图像根本没有出现在小提琴上。你用过什么特殊的图像吗？或者它也适用于普通图像？我用
jpg
，
jpeg
，&
png
，试过了，效果很好。我相信即使在
bmp
或
gif
上，它仍然可以工作。您还做了哪些更改？你的工作很好！即使我尝试更正我的资源，但输出与您的不一样您是否检查了图像路径？在你的提琴，我只纠正你的资源和添加一些图像在线测试。如果jQuery^2.1.0也包含在您的页面中，请检查它。此外，如果页面上有错误，您可以检查控制台并在此处共享