Mengapa Imej Saya Beralih Ke Kanan Pada Tuding dalam Chrome?

Pergerakan Imej pada Tuding dalam Chrome: Menyelesaikan Isu Kelegapan

Isu pelik telah dikenal pasti pada halaman web di http://www. lonewulf.eu, yang melibatkan pergerakan imej pada hover. Fenomena ini eksklusif untuk Chrome, mendorong penyiasatan ke atas CSS yang mendasari.

CSS yang disediakan termasuk berbilang pengisytiharan kelegapan, yang menunjukkan tahap ketelusan untuk imej. Walau bagaimanapun, apabila keadaan tuding diaktifkan, imej beralih secara halus ke kanan.

Satu penyelesaian yang berpotensi untuk artifak visual ini ialah dengan memasukkan sifat berikut ke dalam elemen tuding yang mengawal kelegapan:

<code class="css">-webkit-backface-visibility: hidden;</code>

Keterlihatan muka belakang berkaitan dengan gelagat elemen yang tertakluk kepada operasi transformasi. Apabila imej bergerak semasa melayang, sifat ini menghalang peralihan yang tidak diingini itu. Awalan webkit digunakan secara eksklusif untuk penyemak imbas web berdasarkan enjin WebKit, seperti Chrome.

Untuk pemahaman menyeluruh tentang keterlihatan belakang dan implikasinya, rujuk dokumentasi CSS-Tricks di http://css- tricks.com/almanac/properties/b/backface-visibility/.

Atas ialah kandungan terperinci Mengapa Imej Saya Beralih Ke Kanan Pada Tuding dalam Chrome?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!