HTML同目录<A href>链接失效求助：部分链接无法跳转

问题根源 #

页面上方的bgweiter、bgzurueck链接被#content元素完全遮挡，导致无法触发点击事件：

• #content是fixed定位，尺寸覆盖整个页面（1920x1080），且在DOM结构中位于这两个链接之后。fixed定位元素的堆叠优先级默认遵循DOM顺序，后续元素会覆盖前面的元素。
• 尽管bgweiter设置了z-index:20，但未设置z-index的#content会因DOM顺序靠后，依然叠在链接上方。

修复方案 #

1. 调整#content的堆叠层级 #

修改CSS中#content的样式，添加低于链接的z-index值，确保链接能显示在最上层：

#content {
  position: fixed;
  width: 1920px;
  height: 1080px;
  margin: 0;
  z-index: 5; /* 低于bgweiter的20和bgzurueck的10，让链接不被遮挡 */
}

2. 优化链接的点击事件响应（可选） #

给bgweiter明确设置pointer-events，确保点击事件能正常触发：

#bgweiter {
  position: fixed;
  width: 125px;
  height: 215px;
  border: 1px solid rgb(170, 12, 12);
  margin-left: 1800px;
  z-index: 20;
  pointer-events: all; /* 确保元素能接收点击事件 */
}

额外小问题修正 #

HTML中的<image>是错误标签，应改为标准的<img>，避免潜在渲染问题：

<!-- 错误写法 -->
<image src="bg/NPZ Dynamik Wald Layout2.png" width="1920px" height="1080px" />
<!-- 正确写法 -->
<img src="bg/NPZ Dynamik Wald Layout2.png" width="1920px" height="1080px" />

内容的提问来源于stack exchange，提问作者nocturea