修复了<article>标签</article>内无法使用的菜单链接

时间:2015-01-22 00:01:56

标签: html css

查看此示例: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;
}

1 个答案:

答案 0 :(得分:0)

我想出了自己的问题。这篇文章有z-index:1000所以我只是把z-index:1001放在菜单css中就可以了!