Mengapakah Transformasi CSS3 Saya Tidak Berfungsi dalam Chrome dan Safari?

Membetulkan Isu Transformasi CSS3

Menghadapi isu dengan transformasi CSS3 yang tidak berfungsi dalam penyemak imbas seperti Chrome dan Safari boleh mengecewakan. Dalam situasi ini, pembangun cuba memutar item menu sebanyak 10 darjah tetapi menghadapi kesukaran untuk mereplikasi kesan di luar Firefox.

Kod CSS yang digunakan ialah:

li a {
   -webkit-transform:rotate(10deg);
   -moz-transform:rotate(10deg);
   -o-transform:rotate(10deg); 
}

Potensi punca isu tersebut termasuk:

• Harta Paparan: Adakah anda telah menetapkan sifat paparan kepada 'sekat' atau 'sekat-sebaris' untuk 'li a'? Jika tidak, ini boleh menghalang transformasi daripada berkuat kuasa.
• Elemen Sasaran: Cuba gunakan peraturan transformasi pada elemen 'li' itu sendiri dan bukannya 'li a'. Ini mungkin menangani isu keserasian dalam sesetengah penyemak imbas.

Dengan menyemak aspek ini, anda boleh menyelesaikan isu transformasi dan memastikan tingkah laku yang konsisten merentas penyemak imbas yang berbeza.

Atas ialah kandungan terperinci Mengapakah Transformasi CSS3 Saya Tidak Berfungsi dalam Chrome dan Safari?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!