Materialise 库中具有多个图像的视差

Question

我正在使用 Materialise 库中的视差，但似乎无法在视差背景上添加图像。我怎样才能做到这一点？我想在上面添加徽标和小图像。

在下面的代码中，第二张图片没有显示。

<div class="se-slope parallax-container">
            <div class="row">
                <div class="col s12 se-content parallax">
                    <img src="img/bg-2.jpg" class="parallax-bg">
                    <img src="img/stamp2.png" class="stamp2">
                    <h3 class="white-text">
                        GET OUT THERE
                    </h3>
                    <p class="p-2">
                        Lorem ipsum dolor sit amet, consectetur adipisicing elit.
                        A aperiam aspernatur deserunt dolorem doloremque eos eum id magnam molestias,
                        perspiciatis possimus quo recusandae saepe sit, totam. A labore odio officiis?
                    </p>
                </div>
            </div>
        </div>

Answer 1

我之前遇到过同样的问题。您可以尝试在具有 class 视差的 div 中添加图像标签，如下所示：
<div class="parallax"> <img src="imageSrc" alt="backgroundImg"></div>

Materialise 库中具有多个图像的视差

Parallax with multiple images in the Materialize Library

image

frontend

parallax

materialize