为什么只有我的一些链接可以选择并在鼠标悬停时做出反应？

Question

我正在研究一个 tumblr 主题，运行我的 link 遇到了一个问题。我的导航栏 (.navstuff) 中的 link 会在鼠标悬停时做出响应并导致 link，这正是我想要的。在我的 post 中，标签、日期、heart/reblog 按钮和音符计数在悬停时都应该响应，但是 none 除了 post底部。为什么会发生这种情况，我该如何解决？你可以在 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;
}

为什么只有我的一些链接可以选择并在鼠标悬停时做出反应？

Why are only some of my links selectable and react when hovered over?

html

css

themes

tumblr