固定导航菜单在IE 11或Edge中不起作用

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了固定导航菜单在IE 11或Edge中不起作用相关的知识,希望对你有一定的参考价值。

这一点在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>
答案

<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>

以上是关于固定导航菜单在IE 11或Edge中不起作用的主要内容,如果未能解决你的问题,请参考以下文章

CSS 下拉列表在 IE 或 Edge 中不起作用

Twitter Bootstrap 按钮下拉菜单在 IE9 中不起作用

Input type="number" - 在 IE11 或 Edge 中不起作用

SVG动画在Edge或IE中不起作用

为啥 Bootstrap 3 导航栏下拉菜单在 IE8 中不起作用?

中风 url 在 Edge 和 IE 11 SVG 中不起作用