Rumah >hujung hadapan web >tutorial css >Bagaimanakah Saya Boleh Menyembunyikan Ikon \'Imej Tidak Ditemui\' dalam Pelayar Web Saya?

Bagaimanakah Saya Boleh Menyembunyikan Ikon \'Imej Tidak Ditemui\' dalam Pelayar Web Saya?

Patricia Arquetteasal: 2024-12-01 18:39:15345semak imbas

How Can I Hide the

Menyembunyikan Ikon "Imej Tidak Ditemui"

Apabila fail imej tidak ditemui, pelayar biasanya memaparkan ikon "Imej tidak ditemui" generik di tempatnya. Untuk mengelakkan tingkah laku lalai yang tidak sedap dipandang ini, terdapat teknik untuk menyembunyikan ikon ini secara senyap.

Menggunakan JavaScript Sebaris

Satu kaedah yang berkesan melibatkan penggunaan pendengar acara onerror. Dengan melampirkan pendengar ini pada imej, anda boleh menentukan tindakan untuk dilakukan apabila imej gagal dimuatkan. Contohnya:

<img onerror='this.style.display = "none"' src="image.png">

Apabila imej di "image.png" tidak ditemui, pengendali peristiwa kesalahan akan menetapkan sifat paparan imej kepada "tiada". Ini menyembunyikan imej dengan berkesan, walaupun secara teknikal ia kekal dalam kod.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menyembunyikan Ikon \'Imej Tidak Ditemui\' dalam Pelayar Web Saya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

for using Property Event Generic default this display

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：Bagaimanakah saya boleh menambah ikon chevron pada panel akordion Bootstrap 3 untuk menunjukkan secara visual keadaan runtuhnya menggunakan CSS?Artikel seterusnya：Bagaimanakah saya boleh menambah ikon chevron pada panel akordion Bootstrap 3 untuk menunjukkan secara visual keadaan runtuhnya menggunakan CSS?

Artikel berkaitan

Lihat lagi