Question

我使用jQuery parallax插件，因为在.scene上使用了不同的图层，我的按钮“Découvrez-la”无法访问

我该如何解决？我试图使用z-index，但是没有用

<ul id="content-laboite" class="scene midcenter">
                <li class="layer" data-depth="0.50">
                    <img class="tin" src="images/laboite.png" alt="Visuel de la boite">
                </li>
                <li class="layer tiny-hidden" data-depth="0.90">
                    <p class="slogan fst-sentence fliptext">0% d'additif</p>
                    <p class="slogan snd-sentence fliptext" data-delay="800">100% créatif</p>
                    <p class="pursuit">labonneboite crée vos sites internet sur mesure</p>
                    <button class="more">Découvrez-la !</button>
                </li>
                <li class="layer" data-depth="0.90">
                    <a href="#" id="open-sidebar"><div class="news-frame"><div class="news-qmark txtcenter">?</div></div></a>
                </li>
            </ul>

Answer 1

将该按钮置于场景之外，但放在第一页容器中（具有相对或绝对位置）并设置样式attr position:absolute;并将其置于页面上，其中fe：bottom:10%;left:48%;（样式attr）位于某处它不会与你的背景发生碰撞。
无论如何谁喜欢追逐纽扣？

由于jQuery parallax插件，按钮无法访问

1 个答案: