こんにちは、Sergeyです ![]()
少し古いバグですが、以下に報告します。
Blenderartistsフォーラムを閲覧中に、ちょっとしたバグを見つけました。ウェブサイトの上部には、注目のトップ作品を6つ表示するセクションがあります。そのうちの1つにカーソルを合わせると、タイトルが表示されます。気づいた点は、タイトルに絵文字が含まれている場合(下のスクリーンショットに示すように)、まだカーソルを合わせていない場合でも表示されてしまうことです。
自分で少し調査した結果、この問題の解決に役立つ可能性のある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;
}
最終的なコードは次のようになります。
お役に立てれば幸いです ![]()

