框架化，视差不起作用

Question

我使用Parallax，但它不起作用

      <div class="parallax-container">
        <div class="parallax"><img src="{% static "img/mdd.jpg" %}"></div>
      </div>

类视差隐藏了img。路径没问题，（使用Django）。如果我使用

      <div class="parallax-container">
        <img src="{% static "img/mdd.jpg" %}">
      </div>

它有效，但我没有使用视差等级，所以我不会有视差功能。

帮助？感谢

CSS

.parallax-container {
  position: relative;
  overflow: hidden;
  height: 500px; }

.parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1; }
  .parallax img {
    position: absolute;
    bottom: 0;
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transform: translateX(-50%); }