Question

我想在该页脚中放置一些无法正常工作的链接。看起来他们不是可点击的，我不知道为什么会发生这种情况。

页脚本身位于站点的末端，并且将被推动的div强制停留在底部。我的整个安排就像：

<body>
<div class="wrapper">
    <div class="push"></div>        
</div>
<div class="footer">
<div id="about">
    <div id="list">
        <span class="up">1. row</span>
        <ul class="nav">
            <li><a href="/one.php">one</a></li>
            <li><a href="/two.php">two</a></li>
            <li><a href="/three.php">three</a></li>
            <li><a href="/four.php">four</a></li>
        </ul>
    </div>
</div>
<div id="legals">
    <div id="list2">
        <span class="down">2.row</span>
        <ul class="nav2">
            <li><a href="/five.php">five</a></li>
            <li><a href="/six.php">six</a></li>
            <li><a href="/seven.php">seven</a></li>
            <li><a href="/eight.php">eight</a></li>
        </ul>
    </div>
</div>

example

为什么这个href不起作用？

好的，谢谢大家。添加z-index在这种情况下不起作用，因为在添加它时，由于在该类中使用了另外几个其他z-index，因此不会显示包装器的整个内容。所以解决方案是删除位置：相对。谢谢你的帮助！

Answer 1

在z-index:-1

中添加.wrapper

就像这样

.wrapper{
z-index:-1;
}

的 Demo-one 的

--------

或第二个选项是

删除此课程position:relative
上的 .wrapper
的 Demo 的

Answer 2

问题是你的类push的元素与你的页脚重叠，因此，当你点击你认为是页脚链接时，实际上你点击了push元素。

你的包装器是否必须相对定位？

如果没有，你可以从包装类中删除position: relative，你就可以了：

Working example

Answer 3

多数民众赞成，因为<ul class="nav">和<ul class="nav2">已经叠加，其中有些东西是最重要的。您可以为具有链接和更高z-index的ul提供绝对位置以将它们叠加起来，这样它们就变得可以点击。

Example

Answer 4

将z-index添加到包装器

.wrapper {
    position:relative;
    width: 960px;
    height: auto !important;
    min-height: 100%;
    margin: 0 auto -80px;
    z-index:-1
}

<强> DEMO

Answer 5

{c} position wrapper class div relative。链接背后的主要原因是无法点击，因此请将position:relative添加到footer类div。

Answer 6

你需要什么包装？如果删除“position：relative;”从包装类开始工作。（或改变z-index）

href在推脚中不起作用

6 个答案:

--------