IE11中的页面导航中断

Question

我有一个包含4个链接的页面，其中两个在IE中不起作用。 它们在Chrome和FF中很好用。

我已经了解到IE在锚标记中需要一些文本，但是我尝试过，并且没有区别。

这是我的html：

<section id='link1' class='menuBox'>
  <a href='link1'>
    <h1>Link 1</h1>
  </a>
</section>

<section id='link2' class='menuBox'>
  <a href='link2'>
    <h1>Link 2</h1>
  </a>
</section>

<section id='link3' class='menuBox'>
  <a href='link3'>
    <h1>Link 3</h1>
  </a>
</section>

<section id='link4' class='menuBox'>
  <a href='link4'>
    <h1>Link 4</h1>
  </a>
</section>

有趣的是，我在第一行将链接1和2设置为大盒子，而链接3和4是看上去与其他两个盒子非常相似但在另一行的盒子。

我的应用程序中还有另一个页面具有相同的布局，并且在该页面上也存在相同的问题。

无法弄清楚是什么原因造成的。 这两个元素已完全消失。 悬停器不起作用，链接不起作用，它们只是坐在那里，根本没有任何动作发生。

Answer 1

您忘记关闭<a>

将<a href='link1'替换为<a href='link1'> （对以下锚点执行相同操作）