Mengapa Imej Latar Belakang URL Data SVG Saya Tidak Dipaparkan dalam Firefox?

Imej Latar Belakang URL Data SVG Tidak Dipaparkan dalam Firefox

Apabila menetapkan SVG sebagai imej latar belakang menggunakan URL data dalam bentuk pseudo elemen, imej gagal dipaparkan dalam Firefox. Ini kerana Firefox menganggap aksara '#' dalam URL sebagai permulaan pengecam serpihan.

Untuk menyelesaikan isu ini, kandungan URL data mestilah dikodkan URL. Ini melibatkan penukaran mana-mana aksara '#' kepada '#'. Kod CSS yang diubah suai di bawah menggabungkan pengekodan URL:

content: '';
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 12px;
background-image: url('data:image/svg+xml;utf8,%3Csvg version="1.1">

Dengan pengekodan URL kandungan URL data, Firefox mentafsir aksara cincang dengan betul sebagai sebahagian daripada data SVG, membenarkan imej dipaparkan sebagai latar belakang.

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