热门精选作品表情符号错误

你好,Sergey 在线 :slight_smile:

这是一个有点老的bug,但不管怎样:

在浏览 Blenderartists 论坛时,我发现了一个小 bug:网站顶部有一个区域,可以看到 6 个精选的顶级作品。当你将鼠标悬停在其中一个作品上时,标题就会显示出来。我注意到的是,如果标题包含表情符号(如下图所示),即使你还没有将鼠标悬停在上面,它仍然会显示出来。


我做了一些调查,并得到了以下 CSS 规则,这可能有助于解决这个问题。

这些精选行图片的标题具有以下规则:

.featured-topic h3 a {
    font-size: 14px;
    color: transparent;
    transition: color .6s,text-shadow .6s
}

我不认为“color: transparent”是正确的方法。所以它只影响文本,而不影响表情符号本身。因为表情符号被包装在“img”标签中。

所以我认为最好移除“color: transparent”并做一些类似这样的事情:

.featured-topic h3 {
    position: absolute;
    top: 0;
    padding-top: 0;
    left: 5%;
    width: 90%;
    text-align: left;
    visibility: hidden;
}

.featured-topic:hover h3 {
    visibility: visible;
}

所以最终的代码看起来是这样的:

希望这有帮助 :slight_smile:

Sergey,您好!

感谢您的报告,不过,我可能是错的,但这看起来不像 Homepage Feature component 中的默认 CSS :thinking:。据我所见,这是您的自定义设置。 :smile:

4 个赞

您好,@Arkshine

抱歉,我不知道有这回事,我以为那是 Discourse 的功能。请原谅我 :slight_smile:

1 个赞

请通知您的管理员,谢谢!

关闭此项。

1 个赞

此主题已在 13 小时后自动关闭。不再允许回复。