html - 固定菜单链接在 <article> 标签内不起作用

Question

看这个例子:http://tympanus.net/Development/ArticleIntroEffects/index2.html

我尝试创建一个固定菜单，在滚动浏览文章文本时该菜单会显示在左侧。我的问题是一旦菜单水平平行于文章标签开始的位置，菜单链接就不可点击。

<ul id="menu">
    <li><a href="http://www.google.se">Section 1</a></li>
    <li><a href="#details">Section 2</a></li>
    <li><a href="#FAQ">Section 3</a></li>
</ul>
<article>
   //whatever
</article>

和CSS:

#menu {
  position: fixed;
  left: 0;
  top: 50%;
  width: 8em;
  margin-top: -2.5em;
}

Answer 1

我想出了我自己的问题。这篇文章有 z-index: 1000，所以我只是将 z-index: 1001 放在菜单 css 中，它起作用了!