Html 使用视差滚动后，链接不可单击_Html_Css_Hyperlink

Html 使用视差滚动后，链接不可单击

html css hyperlink

Html 使用视差滚动后，链接不可单击,html,css,hyperlink,Html,Css,Hyperlink,我一直在为学校制作这个网站，我想我会弄明白视差滚动是如何工作的。所以我从最简单的教程开始，精确地说。完成此操作后，我将导航栏放入。我记得这在当时运作得很好，但在处理了allot的响应性之后，我没有再查看，现在我不能再点击链接了。这是我的html： <div id="group2" class="parallax_group"> <!-- <div class="parallax_layer parallax_layer-b

我一直在为学校制作这个网站，我想我会弄明白视差滚动是如何工作的。所以我从最简单的教程开始，精确地说。完成此操作后，我将导航栏放入。我记得这在当时运作得很好，但在处理了allot的响应性之后，我没有再查看，现在我不能再点击链接了。这是我的html：

            <div id="group2" class="parallax_group">
            <!-- <div class="parallax_layer parallax_layer-back">
                                                                                                background
            </div> -->
            <div class="parallax_layer parallax_layer-base">
                <div id="nav" class="nav">
                    <ul>
                        <li><a class="active" href="#">Home</a></li>
                        <li><a href="about.html">Over ons</a></li>
                        <li><a href="#">Wat leveren wij?</a></li>
                        <li><a href="#">Contact</a></li>
                        <li><a href="#">Demo</a></li>
                    </ul>
                </div>
                <div class="section group">
                    <div class="col span_1_of_3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quibusdam id nam, necessitatibus at odit nobis vitae, dolor sequi sunt doloremque minima, debitis. Sed debitis possimus esse soluta mollitia est culpa.</p>
                    </div>
                    <div id="middle" class="col span_1_of_3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Qui autem impedit, a, error accusantium soluta molestias quidem quo totam beatae eligendi sint, modi voluptatem nemo fugiat recusandae ullam consequatur nihil?</p>
                    </div>
                    <div class="col span_1_of_3">
                        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Provident voluptatibus, quaerat nostrum ullam distinctio praesentium! Nemo eveniet provident id, tenetur cumque natus, quas porro possimus maiores, minus amet laboriosam ea?</p>
                    </div>
                </div>
            </div>
        </div>

我知道这是代码的分配，但我不知道它可能是什么，所以我继续前进，给了你一切。编辑：另一个html视差组：

<!DOCTYPE html>
<html>
    <head>
        <title>Squirel WebDesign</title>
        <link rel="stylesheet" type="text/css" href="main.css">
        <link rel="stylesheet" type="text/css" href="handheld.css" media="screen and   (max-device-width: 480px), screen and (max-width: 480px)">
    </head>
    <body>
        <div class="parallax">
            <header class="parallax_group">
                <div class="parallax_layer parallax_layer-base">
                    <h1>i'm a bloody big header preferably with a squirel</h1>
                </div>
                <div class="parallax_layer parallax_layer-back">
                </div>
                <div class="parallax_layer parallax_layer-deep">
                </div>
            </header>

它们对我来说很好…试着改变z-索引，你将所有三个都设置为30，试着30,31,32，这似乎不太管用：/也许我的错误是在另一个视差组中，你介意看看这个吗？不介意，粘贴它css和html现在完全在那里这是所有的html和所有的css在一个JSFIDLE很抱歉没有发布之前，我有点新的这种帮助

<!DOCTYPE html>
<html>
    <head>
        <title>Squirel WebDesign</title>
        <link rel="stylesheet" type="text/css" href="main.css">
        <link rel="stylesheet" type="text/css" href="handheld.css" media="screen and   (max-device-width: 480px), screen and (max-width: 480px)">
    </head>
    <body>
        <div class="parallax">
            <header class="parallax_group">
                <div class="parallax_layer parallax_layer-base">
                    <h1>i'm a bloody big header preferably with a squirel</h1>
                </div>
                <div class="parallax_layer parallax_layer-back">
                </div>
                <div class="parallax_layer parallax_layer-deep">
                </div>
            </header>