1

我想在该页脚中放置一些无法正常工作的链接。似乎它们不可点击，我不知道为什么会这样。

页脚本身位于站点的末尾，将被推送的 div 强制留在底部。我的整个 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>

例子

为什么这个href不起作用？

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

4

6 回答 6

4

添加z-index:-1您的.wrapper

像这样

.wrapper{
z-index:-1;
}

演示一

--------

或者第二个选项是

删除 position:relative此类.wrapper

演示

于 2012-12-04T09:30:41.667 回答
3

问题是您的带有类的元素与push您的页脚重叠，因此，当您单击您认为是页脚链接的内容时，您实际上是单击了推送元素。

您的包装纸是否必须相对定位？

如果没有，你可以position: relative从包装类中删除，你很高兴：

工作示例

于 2012-12-04T09:31:13.763 回答
1

那是因为<ul class="nav">并且<ul class="nav2">已经覆盖了，这意味着某些东西会停留在它们之上。您可以为具有链接和更高 z-index 的 ul 提供绝对位置以将它们堆叠起来，以便它们变得可点击。

例子

于 2012-12-04T09:30:57.097 回答
1

添加z-index到包装器

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

演示

于 2012-12-04T09:31:19.123 回答
0

在你的 CSSposition中wrapper class div是relative. 这是链接不可点击的主要原因，因此请添加position:relative到footer类 div。

于 2012-12-04T10:03:22.807 回答
-1

你需要什么包装？如果删除“位置：相对；” 从包装类它可以工作。（或更改 z-index）

于 2012-12-04T09:31:03.053 回答