Tidak termasuk emojis dari keratan teks telus

Trik CSS ini menghasilkan kesan hover yang kemas pada pautan dengan menggunakan latar belakang kecerunan linear, memotongnya ke teks, dan membuat teks telus. Walau bagaimanapun, ini tidak disangka -sangka mempengaruhi emojis, menjadikannya telus juga. Walaupun ini betul -betul betul (emojis adalah glyphs), ia tidak selalu wajar.

Artikel ini meneroka penyelesaian. CSS font-variation-emoji dan sifat font-palette , sementara yang dicadangkan dalam modul fon CSS Level 4, tidak sesuai untuk masalah khusus ini. Penyelesaian CSS tulen kelihatan tidak tersedia.

Penulis mencadangkan dua penyelesaian:

1. JavaScript: Platform besar seperti WordPress dan Twitter menggunakan emojis berasaskan imej (sering SVGs). Menggantikan emojis berasaskan teks dengan imej akan menghalang kesan ketelusan. Ini memerlukan JavaScript tersuai untuk mengesan dan menggantikan emojis.

2. Kedudukan: Penyelesaian yang paling mudah adalah meletakkan emoji di luar<a></a> Tag pautan. Ini menghalang CSS daripada menjejaskannya. Walau bagaimanapun, ini hanya praktikal jika emoji secara konsisten diposisikan pada permulaan atau akhir teks pautan; Mid-Link Emojis memberikan cabaran.

Artikel ini menyimpulkan bahawa walaupun penyelesaian CSS yang mudah kurang, keperluan untuk mengawal gaya emoji dalam senario sedemikian menyoroti kawasan yang berpotensi untuk pembangunan CSS masa depan. Imej di bawah menggambarkan isu:

Atas ialah kandungan terperinci Tidak termasuk emojis dari keratan teks telus. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!