视差无法在实现CSS中起作用

本文介绍了视差无法在实现CSS中起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用Materialize Framework创建PhoneGap应用程序.

I am using the Materialize Framework to create a PhoneGap app.

http://materializecss.com

它们具有视差设置，您可以在此处查看其符号:

They have a parallax setting which you can see their notation here:

http://materializecss.com/parallax.html

当我运行它时，我的图像完全不显示.我的html看起来像这样:

When I run it, my image does not show up at all. My html looks like this:

<div class="row">
  <div class="col s12 m7">
    <div class="card">

      <div class="parallax-container" style = "height:100px;">
        <div class="parallax"><img src="/img.png"></div>
      </div>

      <div class="card-content">
        <h5> test</h5>
        <h6> test</h6>
        <h6> test </h6>
        </br>
        <p> test</p>
      </div>

      <div class="card-action">
        <a href="#">This is a link</a>
      </div>

    </div>
  </div>
</div>

推荐答案

看我的示例: http://jsfiddle.net/yhgj48tr/

别忘了初始化它:

$(document).ready(function(){
  $('.parallax').parallax();
});

这篇关于视差无法在实现CSS中起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！