Mengapa Imej Latar Belakang SVG Saya Tidak Dipaparkan dalam elemen Pseudo Firefox?

Imej Latar Belakang SVG Tidak Dipaparkan dalam Elemen Pseudo Firefox

Dalam CSS, anda boleh menentukan imej latar belakang untuk elemen pseudo menggunakan latar belakang- harta imej. Walau bagaimanapun, apabila menggunakan imej data, seperti dalam kes imej SVG, Firefox tidak memaparkan imej dengan betul.

Punca:

Punca utama terletak pada penggunaan daripada aksara cincang (#) dalam URL data. Dalam URL, aksara cincang dikhaskan untuk menunjukkan permulaan pengecam serpihan.

Penyelesaian:

Untuk menyelesaikan isu ini, enkodkan aksara cincang dalam data URL dengan menukarnya kepada #. Begini cara untuk melakukannya:

background-image: url('data:image/svg+xml;utf8,<svg version="1.1">

Dengan mengekodkan aksara cincang, anda memastikan ia ditafsirkan dengan betul sebagai sebahagian daripada URL data dan bukan sebagai pengecam dalam elemen. Perubahan ini harus menyelesaikan isu dan imej SVG harus dipaparkan dengan betul sebagai latar belakang dalam elemen pseudo dalam Firefox.

Atas ialah kandungan terperinci Mengapa Imej Latar Belakang SVG Saya Tidak Dipaparkan dalam elemen Pseudo Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!