链接在具有正 z-index 的绝对容器中不起作用

Question

问题可以看我正在开发的网站https://manu354.github.io/portfolio/

无法点击标题中的链接。在对 SO 进行快速搜索后，我意识到这是因为我的 div 是绝对定位的。我已将其定位为绝对，因此它不会占用我的页面布局中的任何空间。为了解决这个问题，多个答案说要在我的 div 中添加一个z-index : 10;。这让我可以单击链接（指针/悬停功能有效）并完全解决了我到 Facebook 或 Twitter 的外部链接的问题。然而，我的内部功能链接，例如 href="#welcome" 是可点击的，但是它们并没有移动到它们应该去的区域（如果 div 相对定位，则可以工作）。

例如（实际代码要长得多，并且使用旋转滑块）

<div style="position:absolute; z-index:1;">

<a href="#welcome" target="_self" style="z-index: 10;>

</div>

有人知道解决这个问题吗？

谢谢

Answer 1

它不起作用，因为您链接到 id “welcome”，但 div 的 id 是“welcome_forcefullwidth”。

Welcome ID

如果您删除“_forcefullwidth”或添加您的href“_forcefullwidth”，它将起作用

更不用说其余的ID都找不到了

我在您的网站上看到了很多内联样式，而且网站过于复杂。代码不是那么干净。