视差js不工作...图像没有显示

Question

使用建议的标记，css是正确的，但绝对没有显示图像。当我使用常规的img标签（即：<img src="*"/>）时，图像显示得很完美......请帮助，我完全难倒，这个东西应该很容易。这是我的代码：

<div class="parallax-window" data-parallax="scroll" data-position="top" data-bleed="10" data-image-src="AE.jpg" data-natural-width="1920" data-natural-height="1000" style="height: 400px;"></div>

的CSS：

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

任何见解都将受到赞赏。我正在运行jquery 1.11.1和基础

提前致谢。

Answer 1

您需要设置如下

.parallax-mirror {
    z-index:1
}

Answer 2

当插件正常工作时，无法显示图片的另一个问题是父元素的背景颜色。

在我的情况下，这是一个父容器，包裹在整个身体内容区域中，该区域具有background: #fafafa!important

一旦我删除了背景色，并仅将其应用到需要它的div，就解决了视差图像。

Answer 3

在默认引导程序中

body { background-color: #fff; }

改成

body { background-color: transparent; }

它会起作用。

Answer 4

尝试将属性data-img-src更改为data-src。

这解决了我的问题。