为什么只有部分我的链接可以选择并在盘旋时作出反应？

Question

我正在处理tumblr主题，并且遇到了与我的链接有关的问题。我的导航栏（.navstuff）中的链接在盘旋时导致链接，这是我想要的。在我的帖子中，标签，日期，心脏/ reblog按钮和笔记计数都应该在盘旋时作出响应，但是除了底部的帖子外，他们都没有做。为什么会发生这种情况，我该如何解决这个问题？ 你可以在jsfiddle here上看到它。

.tags { 
    text-align: left; 
    margin: 0; 
    padding: 0; 
    list-style-type: none; 
} 
a { 
    color: #808080; /*link color remove link underline */ 
    text-decoration:none; 
} 
a:hover { 
    color: #f5cfe0; /*hover over link */ 
} 

<div class="post"> 
      {block:Title} 
       <h3> 
        <a href="{Permalink}">{Title}</a> 
       </h3> 
      {/block:Title} 
      {Body} 
      <ul class="like-reblog"> 
       <li>{LikeButton}</li> 
       <li>{ReblogButton}</li> 
       <li>{block:NoteCount}<a href="{Permalink}#notes">{NoteCount}</a>{/block:NoteCount}</li> 
       <li>{block:Date}<a href="{Permalink}">{Month}&#x2606;{DayofMonth}{DayOfMonthSuffix} {Year}</a>{/block:Date}</li> 
      </ul> 
      {block:HasTags} 
      <ul class="tags"> 
       <li>{block:Tags}<a href="{TagURL}">{Tag}</a></li>{/block:Tags} 
      </ul> 
      {/block:HasTags} 
      </div> 

谢谢。

Answer 1

这是因为你的div #sidebar覆盖了内容。添加一个堆叠上下文将其放置在您的帖子下：

#sidebar { 
    position: fixed; 
    z-index: -1; 
}