Mengapa Peralihan CSS Tidak Mempengaruhi Imej Latar Belakang, dan Bagaimana Saya Boleh Membetulkannya?

Teka-teki Peralihan Imej Latar Belakang CSS3

Apabila cuba melaksanakan kesan "fade-in fade-out" menggunakan peralihan CSS, seseorang mungkin menghadapi isu dengan imej latar belakang. Walaupun CSS termasuk peralihan untuk sifat latar belakang, ia gagal memberi sebarang kesan pada imej latar belakang.

Untuk menyelesaikan isu ini, CSS secara eksplisit mengalihkan sifat imej latar belakang. Pengubahsuaian ini memastikan kedua-dua warna latar belakang dan imej beralih dengan lancar antara keadaan, mewujudkan kesan yang diingini.

Untuk menggambarkan penyelesaian ini, pertimbangkan kod CSS berikut:

-webkit-transition: background-image 0.2s ease-in-out;
transition: background-image 0.2s ease-in-out;

Dengan menggunakan CSS ini kepada elemen sasaran (cth., imej), imej latar belakang akan beralih dengan lancar antara keadaan yang berbeza, menghasilkan licin dan digilap kesan.

Perlu ambil perhatian bahawa penyelesaian ini disokong secara asli oleh penyemak imbas Chrome, Opera dan Safari. Firefox masih belum melaksanakan ciri ini dan status untuk Internet Explorer masih tidak jelas.

Atas ialah kandungan terperinci Mengapa Peralihan CSS Tidak Mempengaruhi Imej Latar Belakang, dan Bagaimana Saya Boleh Membetulkannya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!