مرحباً، سيرجي على الخط 
إنها خطأ قديم بعض الشيء، ولكن على أي حال:
عند تصفح منتدى Blenderartists، وجدت خطأً بسيطًا: يوجد قسم في أعلى الموقع، حيث يمكنك رؤية 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;
}
لذلك سيبدو الكود النهائي كالتالي:
آمل أن يساعد ذلك
. على ما أرى، إنها تخصيصاتك. 