Mengapa URL Data SVG Saya Tidak Berfungsi sebagai Latar Belakang Elemen Pseudo dalam Firefox?

Imej Data SVG Tidak Berfungsi sebagai Imej Latar Belakang dalam Elemen Pseudo

Dalam beberapa keadaan, menetapkan SVG sebagai imej latar belakang untuk elemen pseudo yang menggunakan URL xml data:image/svg mungkin tidak dipaparkan dalam Firefox. Ini berlaku kerana # aksara dalam URL ditafsirkan sebagai permulaan pengecam serpihan.

Pengekodan URL Data

Untuk menyelesaikan isu ini dan membenarkan SVG untuk paparan dalam Firefox, adalah perlu untuk mengekod kandungan URL data. Ini melibatkan penukaran mana-mana aksara cincang (#) dalam URL data kepada #.

Berikut ialah contoh kod yang diubah suai:

content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 12px;

Atas ialah kandungan terperinci Mengapa URL Data SVG Saya Tidak Berfungsi sebagai Latar Belakang Elemen Pseudo dalam Firefox?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!