トップ機能の作品絵文字バグ

こんにちは、Sergeyです :slight_smile:

少し古いバグですが、以下に報告します。

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

最終的なコードは次のようになります。

お役に立てれば幸いです :slight_smile:

Sergey様

ご報告ありがとうございます。ただ、私の勘違いかもしれませんが、これはHomepage FeatureコンポーネントのデフォルトのCSSではないようです:thinking:。私の見たところ、これはお客様によるカスタマイズだと思われます。:smile:

「いいね!」 4

こんにちは、@Arkshine さん!

すみません、それについては知りませんでした。ディスコースの機能だと思っていました。ご容赦ください :slight_smile:

「いいね!」 1

管理者にお知らせください。ありがとうございます。

これを閉じます。

「いいね!」 1

このトピックは13時間後に自動的に閉じられました。返信はもうできません。