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;
}

为什么只有一些链接可以选择并在悬停时作出反应？

1 个答案: