gpt4 book ai didi

html - href 在推送的页脚中不起作用

转载 作者:行者123 更新时间:2023-11-28 04:22:58 24 4
gpt4 key购买 nike

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

页脚本身位于站点的末尾,将被推送的 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>

example

为什么这个 href 不起作用?


好的,谢谢大家。在这种情况下添加 z-index 不起作用,因为在添加它时,由于在该类中使用了另外一对 z-index,因此不会显示包装器的全部内容。所以解决方案是删除position:relative。感谢您的帮助!

最佳答案

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

像这样

.wrapper{
z-index:-1;
}

Demo-one

--------

或者第二个选项

移除 position:relative.wrapper

Demo

关于html - href 在推送的页脚中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13699631/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com