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

**URL:** <https://meta.discourse.org/t/top-featured-works-emoji-bug/283013>\
**Category:** Bug\
**Created:** [2023年十月22日 07:35 UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013 "2023-10-22T07:35:37Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Goorman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/goorman/32/334104_2.png) [@Goorman](https://meta.discourse.org/u/Goorman)\
**Post date:** [2023年十月22日 07:35 UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013/1 "2023-10-22T07:35:37Z")

</div>

你好，Sergey 在线 🙂

这是一个有点老的_bug_，但不管怎样：

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

 ![](https://global.discourse-cdn.com/meta/original/4X/e/8/d/e8d817a0b03a19fd226d72c3e709198be8d8258e.png)  
我做了一些调查，并得到了以下 CSS 规则，这可能有助于解决这个问题。

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

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

```

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

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

```css
.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;
}

```

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

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/7/7/c77b78b948918b3d45e5bf69cdb95328cf317217.png)

希望这有帮助 🙂

---

<div class="post-metadata">

**Author:** ![Arkshine](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/arkshine/32/298682_2.png) [@Arkshine](https://meta.discourse.org/u/Arkshine)\
**Post date:** [2023年十月22日 20:27 UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013/3 "2023-10-22T20:27:27Z")

</div>

Sergey，您好！

感谢您的报告，不过，我可能是错的，但这看起来不像 [Homepage Feature component](https://meta.discourse.org/t/homepage-feature/144264) 中的默认 CSS 🤔。据我所见，这是您的自定义设置。 😄

---

<div class="post-metadata">

**Author:** ![Goorman](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/goorman/32/334104_2.png) [@Goorman](https://meta.discourse.org/u/Goorman)\
**Post date:** [2023年十月23日 05:44 UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013/4 "2023-10-23T05:44:23Z")

</div>

您好，@Arkshine！

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

---

<div class="post-metadata">

**Author:** ![nat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nat/32/235063_2.png) [@nat](https://meta.discourse.org/u/nat)\
**Post date:** [2023年十月23日 10:05 UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013/5 "2023-10-23T10:05:41Z")

</div>

请通知您的管理员，谢谢！

关闭此项。

---

<div class="post-metadata">

**Author:** ![nat](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/nat/32/235063_2.png) [@nat](https://meta.discourse.org/u/nat)\
**Post date:** [2023年十月24日 00:00 UTC](https://meta.discourse.org/t/top-featured-works-emoji-bug/283013/6 "2023-10-24T00:00:43Z")

</div>

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