爲什麼只有部分我的鏈接可以選擇並在盤旋時作出反應？

我正在處理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>

謝謝。

來源

2016-08-28 pastel

這是因爲你的div #sidebar覆蓋了內容。添加一個堆疊上下文將其放置在您的帖子下：

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

來源

2016-08-28 23:29:53

相反，是否有可能爲.post添加正z-索引並獲得相同效果？謝謝！ – pastel

是的，這將達到相同的結果。 –

爲什麼只有部分我的鏈接可以選擇並在盤旋時作出反應？

回答

相關問題