代码之家  ›  专栏  ›  技术社区  ›  redOctober13

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

  •  0
  • redOctober13  · 技术社区  · 6 年前

    这一点在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>
    
    1 回复  |  直到 6 年前
        1
  •  0
  •   Rob Parsons    6 年前

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