【问题标题】：parallax plug in not showing image视差插件不显示图像
【发布时间】：2017-02-20 15:53:02
【问题描述】：

Parallax 插件在我的 html 文件中不起作用。请帮我修复错误。

我创建了一个 HTML 文档，其中我在 div 中使用了视差图像效果。 https://github.com/munadilfahad/exam-19022017/blob/master/profile.html

css 文件位于 css 文件夹中 github.com/munadilfahad/exam-19022017/tree/master/css

js 文件位于 js 文件夹中 github.com/munadilfahad/exam-19022017/tree/master/js

div

我用过视差插件的div是，

<div class="parallax-window parallax-mirror" data-parallax="scroll" data-image-src="images/image.jpg"></div>

JavaScript

我在视差js文件下面链接了body标签的底部，

<script src="js/parallax.js"></script>

在我自己的 css 文件（css/style.css）中，如果有下面的行，

.parallax-window {
    min-height: 400px;
    background: transparent;
}

.parallax-mirror {
    z-index:1
}

【问题讨论】：

【解决方案1】：

所以，问题在于您的 HTML DOCTYPE，添加

<!DOCTYPE html>

而不是

<html>

并删除

$('.parallax-window').parallax({imageSrc: 'images/image.jpg'});

来自 profile.js，因为您只能使用一种方式从 data-* 属性或使用脚本来启动视差。

【讨论】：