css - Soalan tentang penggunaan svg

Question

Pereka bentuk meminta saya menggunakan imej png yang diberikannya jika ia tidak serasi dengan svg, dan jika ia serasi dengan svg, gunakan svg Berkenaan isu keserasian ini, saya melihat blog Zhang Xinxu ditulis seperti berikut.

<svg width="96" height="96">
<imej xlink:href="svg.svg" src="svg.png" width="96" height="96" />
</svg>

Namun, saya mendapati bahawa jika saya menulis seperti ini dan menggerakkan tetikus ke svg, dan saya menetapkan warna isian untuknya, ia tidak akan memberi kesan. Saya kini menggunakan tag svg untuk menulis seperti yang ditunjukkan di bawah

Boleh tukar warna bila tulis macam ni, tapi macam mana nak serasi bila tulis macam ni? . Bagaimana saya harus menanganinya supaya tidak kira sama ada ia serasi dengan svg atau tidak serasi dengan svg dan menggunakan gambar, ia boleh menukar warna selepas tetikus dilalui. Terima kasih kawan-kawan

Answer 1

Biasanya ketidakserasian berlaku dalam IE Jika anda ingin menyelesaikan masalah keserasian IE, anda sebenarnya boleh menggunakan sesuatu seperti <!--[if lt IE]>. Kemudian gunakan css untuk mengalih keluar svg atau imej display:none.
Pendekatan yang lebih khusus ialah: gunakan <!--[jika lt IE x]> untuk menambah beberapa kelas pada teg html. Bagi keserasian svg, anda perlu menyemak Bolehkah Saya Gunakan.

Answer 2

Apabila menggunakan xlink:href, dalam fail atau simbol svg luaran yang dirujuk, cuma tukar atribut (isi, dll.) yang perlu diwarisi daripada ibu bapa untuk diwarisi.