javascript - 库 parallax.js

Question

您好，我正在使用以下库:http://pixelcog.github.io/parallax.js/我有一个问题。

我很喜欢我的形象，我希望它看起来像我

Image with problems

我的代码是:

HTML:

<div class="parallax-window" data-parallax="scroll" data-image-src="<?php echo get_template_directory_uri();?>/recursos/imagenes/parallax-home.jpg"></div>

CSS

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

谢谢

Answer 1

更新您的 css 以具有宽度值，例如:

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

如果不行，尝试在css中设置定位，例如:

.parallax-window {
    min-height: 400px;
    background: transparent;
    width: 100%;
    position: absolute;
    left: 0;
}