修复了导航菜单在 IE 11 或 Edge 中不起作用的问题

Question

这个位在Chrome中工作正常，但除非我关闭，否则链接在IE或Edge中不起作用position: fixed.有人有任何想法吗？我搜索了各种措辞相似的问题，但没有任何东西被证明是有帮助的。不知道为什么拥有position: fixed会禁用IE中的任何交互性。

<style>
.act-nav {
position: fixed;
height: 100%;
top: 273px;
width: 230px;
background-color: #000;
text-align: center;
}
.act-nav a {
display: block;
margin: 10px;
width: 210px;
}
</style>
<div>
<div class="act-nav">
<a class="act-button-yellow act-button" href="#map">Map</a>
<a class="act-button-yellow act-button" href="#stations">Stations</a>
<a class="act-button-yellow act-button" href="#talks">Talks</a>
<a class="act-button-yellow act-button" href="#reqs">Open Reqs</a>
</div>
</div>

Answer 1

<div role="main" style="min-height:1000px;max-width:10em;margin:1em auto;background:red">this is the main content</div>

<ul role="navigation" style="position:fixed;left:0;top:0;height:100%;width:10em;background:orange">
<a><li>menu item</li></a>
<a><li>menu item</li></a>
</ul>