你好,Sergey 在线 ![]()
这是一个有点老的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;
}
所以最终的代码看起来是这样的:
希望这有帮助 ![]()

