Hallo, Sergey am Apparat ![]()
Es ist ein etwas alter Bug, aber egal:
Als ich auf dem Blenderartists-Forum unterwegs war, bin ich auf einen kleinen Bug gestoßen: Oben auf der Website gibt es einen Bereich, in dem 6 vorgestellte Top-Arbeiten angezeigt werden. Wenn man mit der Maus über eine davon fährt, wird der Titel sichtbar. Mir ist aufgefallen, dass, wenn der Titel ein Emoji enthält (wie im Screenshot unten gezeigt), dieser immer noch sichtbar ist, auch wenn man noch nicht mit der Maus darüber gefahren ist.
Ich habe selbst ein wenig recherchiert und bin zu den folgenden CSS-Regeln gekommen, die bei der Lösung dieses Problems helfen könnten.
Die Sache ist, dass der Titel dieser Featured-Row-Bilder die folgenden Regeln hat:
.featured-topic h3 a {
font-size: 14px;
color: transparent;
transition: color .6s,text-shadow .6s
}
Ich glaube nicht, dass „color: transparent“ der richtige Weg ist, dies zu tun. Deshalb wirkt es sich nur auf den Text aus, aber nicht auf das Emoji selbst. Denn das Emoji ist in einem „img“-Tag verpackt.
Ich denke, es wäre besser, „color: transparent“ zu entfernen und etwas wie folgt zu machen:
.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;
}
Der endgültige Code würde dann so aussehen:
Ich hoffe, das hilft ![]()

