Bagaimana untuk Membetulkan Kemunculan Strok Teks Tidak Konsisten dalam Pelayar Berbeza?

Text Stroke (-webkit-text-stroke) Masalah CSS

Apabila menggunakan sifat CSS -webkit-text-stroke, sesetengah pengguna mungkin menghadapi masalah dengan penampilan strok pada penyemak imbas selain Chrome. Masalah ini, terutamanya berleluasa dalam penyemak imbas yang tidak menyokong sepenuhnya fon berubah-ubah, boleh mengakibatkan strok kelihatan tidak konsisten dengan tingkah laku yang diingini.

Pembetulan/Kemas Kini Pantas 2024: Pesanan Cat untuk Teks HTML< /h3>

Seperti yang dicadangkan oleh HyoukJoon Lee, menggunakan sifat pesanan cat SVG pada elemen teks HTML boleh menyelesaikan isu ini dengan berkesan. Secara berlawanan, sifat perintah cat, yang menentukan susunan elemen dicat, boleh digunakan pada teks HTML, seperti yang dibuktikan oleh sokongan dalam semua enjin pemaparan utama.

Dengan memanfaatkan urutan cat, lejang boleh dipaparkan di belakang warna isian teks, serupa dengan gelagat yang diingini dalam Chrome. Melaksanakan pembetulan ini memerlukan mengubah CSS seperti berikut:

.outline {<br> -webkit-text-stroke: 0.04em black;<br> paint-order: stroke fill;<br> }

Atas ialah kandungan terperinci Bagaimana untuk Membetulkan Kemunculan Strok Teks Tidak Konsisten dalam Pelayar Berbeza?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!