Bu öneri uygulamaya geçirilmiştir.
Katılım
21 Aralık 2023
Mesajlar
1.624
Makaleler
19
Çözümler
27
Beğeniler
4.119
Yer
LTAI
Merhaba,

Konu sahibinin gönderdiği mesajlarda KS etiketini kapsayan kare şeklindeki div elementi, arkasındaki profil resminin hover olayının tetiklenmesini engelliyor (imlecin elementin üzerine gelmesi). Farenizi altta gösterdiğim mavi karenin üzerinde gezdirirseniz ne demek istediğimi anlayabilirsiniz: İmleç o bölgede kalınca konu sahibinin profil detaylarını gösteren pencere açılmıyor. İmlecin işaret parmağına bürünmediğini de gözlemleyebilirsiniz.

1704496513432.webp

Bu sorunun üstesinden, ilgili elementte bir satırlık CSS eklemesi yapmakla gelinebiliyor:

[CODE lang="css" title="KS etiketine CSS eklemesi" highlight="4"]div.ribbonBox .ribbon-wrapper {
overflow: hidden;
position: absolute;
pointer-events: none;
}[/CODE]

Bayağı küçük bir detay; forumda rastgele gezinirken fark ettim. Benim aklıma gelen tek çözüm yöntemi bu oldu.

İlginiz için teşekkür ederim.
 
Şimdi son öneriniz nedir, onu anlamadım da.

Şu anki CSS durumu şu şekilde:

Kod:
div.ribbonBox .ribbon-wrapper {
    overflow: hidden;
    position: absolute;
    pointer-events: none;
}

Kod:
div.ribbonBox .ribbon-wrapper .ribbon {
    cursor: default;
    text-align: center;
    text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
    position: relative;
    padding: 1px 0;
    font-size: 10px;
    background-image: none;
    color: #2577b1;
    background: #edf6fd;
    pointer-events: auto;
}

Önerdiğim satırları vurguladım. İkinci öneri uygulanmış fakat ilk öneri kaldırılmış vaziyette.

Siz deneyip en iyi olana karar veriniz lütfen: sadece ilk öneri, sadece ikinci öneri, ikisi birden.
 
Son düzenleyen: Moderatör:
Şu anki CSS durumu şu şekilde:

[CODE lang="css" highlight="4"]div.ribbonBox .ribbon-wrapper {
overflow: hidden;
position: absolute;
pointer-events: none;
}[/CODE]

[CODE lang="css" highlight="11"]div.ribbonBox .ribbon-wrapper .ribbon {
cursor: default;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
position: relative;
padding: 1px 0;
font-size: 10px;
background-image: none;
color: #2577b1;
background: #edf6fd;
pointer-events: auto;
}[/CODE]

Önerdiğim satırları vurguladım. İkinci öneri uygulanmış fakat ilk öneri kaldırılmış vaziyette.

Siz deneyip en iyi olana karar veriniz lütfen: sadece ilk öneri, sadece ikinci öneri, ikisi birden.

Oldu mu? Sanırsam sorun kalmadı.