HTML <A href> 链接到另一个 html 不起作用

Question

我试图链接到同一文件夹中的另一个 html，但它不起作用。底部的 id="diaweiter" 和 id="diazurueck" 可以工作，但上面的不行，我不明白为什么。

@charset "utf-8";

/* CSS Document */

body {
  width: 1920px;
  height: 1080px;
  margin: 0 0 0 0;
  background-color: #000000;
}

#startanimation {
  position: absolute;
  margin: 0 0 0 0;
}

#content {
  position: fixed;
  width: 1920px;
  height: 1080px;
  margin: 0 0 0 0;
}

#dia {
  position: fixed;
  width: 1039px;
  height: 621px;
  margin-top: 459px;
  margin-left: 881px;
}


/* Menue */

#bgweiter {
  position: fixed;
  width: 125px;
  height: 215px;
  border: 1px solid rgb(170, 12, 12);
  margin-left: 1800px;
  z-index: 20;
}

#bgzurueck {
  position: fixed;
  width: 125px;
  height: 215px;
  border: 1px solid rgb(170, 12, 12);
  z-index: 10;
  pointer-events: all;
}

#diaweiter {
  position: fixed;
  width: 125px;
  height: 125px;
  border: 1px solid rgb(170, 12, 12);
  margin-top: 705px;
  margin-left: 1800px;
  z-index: 20;
  pointer-events: all;
}

#diazurueck {
  position: fixed;
  width: 125px;
  height: 125px;
  border: 1px solid rgb(170, 12, 12);
  margin-top: 705px;
  margin-left: 875px;
  z-index: 10;
}


/* uebergreifend */

a:active {
  opacity: 0.1;
}

a.start {
  height: 0;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<a href="dynwald3_1.html">
  <div id="bgweiter"> </div>
</a>

<a href="dynwald1_1.html">
  <div id="bgzurueck"> </div>
</a>

<div id="content">
  <div id="bg1">
    <image src="bg/NPZ Dynamik Wald Layout2.png" width="1920px" height="1080px" />
  </div>
</div>


<div id="dia">
  <div id="bg1">
    <image src="dias/02/Wald10.png" width="1039px" height="621px" />
  </div>
</div>

<a href="dynwald2_2.html">
  <div id="diaweiter"> </div>
</a>

<a href="dynwald2_3.html">
  <div id="diazurueck"> </div>
</a>

代码中的下层代码可以工作，而上层代码却不能工作，这真的很令人沮丧，我完全不知道该怎么做。

我用谷歌搜索并尝试了不同的链接方式，但没有任何帮助。

Answer 1

这可能只是一个定位问题：当您使用大边距的

position: fixed

时，某些元素实际上可能会在视口之外渲染。您可以看到如何按 Tab 使所有这些都聚焦（并且您将看到链接显示在浏览器的左下角：