HTML -> 相同的链接在我网站的不同 html 页面上不起作用答案

【问题标题】：HTML -> same link doesn't work on different html pages of my websiteHTML -> 相同的链接在我网站的不同 html 页面上不起作用
【发布时间】：2021-03-13 07:21:22
【问题描述】：

我通过这行 HTML 放置了一个维基百科页面的链接：

<div class="voiraussi">
          <h2>Voir aussi</h2><br>
          <ul>
            <li><a href="https://fr.wikipedia.org/wiki/Alan_Turing" target="_blank">Biographie d'Alan Turing</a></li>
            <li><a href="https://fr.wikipedia.org/wiki/ARPANET" target="_blank">ARPANET, ancêtre technique d'Internet</a></li>
          </ul>
        </div>

这两个链接在我的一个页面上工作（我有 5 个 .html 文件），但在其他页面上，它根本不工作，我不知道为什么。上面的那些行是我网站页脚的一部分，我在所有页面上复制/粘贴页脚，所以我不明白。我检查了现有的帖子，但没有找到任何可以帮助的... 提前致谢！

【问题讨论】：

“它不起作用”是什么意思？链接不会带你去任何地方吗？您是否检查过控制台的错误并禁用浏览器中的任何插件？
在我的一个页面上，链接有效，我可以点击文本，它会转到我想要的维基百科页面。在所有其他页面上，我无法单击它，它就像一个没有超链接的简单文本。这真的很奇怪，因为就像我说的，页脚是复制/粘贴，在每个具有相同 CSS 属性的 html 页面上都是一样的。
@j08691 尝试将display: block 设置为锚标记。或者检查是否有另一个具有更高 z-index 的元素与页脚链接重叠。
试过你的选择，没用。有些东西是重叠的，因为当我进入 1080p 屏幕时，链接是可点击的。我试着把 background-color: blue;在我的 css 上的每一件事上检查是否有重叠，还没有找到任何东西。

标签： html css hyperlink href

【解决方案1】：

根据我在查看您的 cmets 和问题后的理解，您在链接无响应的页面上的链接上覆盖了一些排序元素。检查这是否真的是问题的一种快速破解方法是为一个或两个链接提供更大的 z-index。试试这个：

<div class="voiraussi">
  <h2>Voir aussi</h2><br>
  <ul>
    <li><a style="z-index:100" href="https://fr.wikipedia.org/wiki/Alan_Turing" target="_blank">Biographie d'Alan Turing</a></li>
    <li><a style="z-index:100" href="https://fr.wikipedia.org/wiki/ARPANET" target="_blank">ARPANET, ancêtre technique d'Internet</a></li>
  </ul>
</div>

【讨论】：

感谢您的回复，但我尝试了您所说的，但没有成功。你还有什么想法吗？
我建议增加页脚本身的 z-index。尝试每次将其增加 10 次方，直到链接变得响应（即尝试 10，然后 100，然后 1000 等等）