Bagaimana untuk Mencapai Putaran CSS3 Berkesan dalam IE9?

Transformasi CSS3 dalam IE9

Dalam bidang pembangunan web, keperluan untuk elemen berputar sering timbul. Walaupun CSS3 menyediakan "transform: rotate;" harta untuk tujuan ini, pengguna mungkin menghadapi masalah dengan keserasian dalam penyemak imbas lama seperti IE9.

Seorang pengguna baru-baru ini menghadapi cabaran ini, mengalami ketelusan dan ketidakberkesanan sifat "transformasi" dalam IE9. Mereka mencari penyelesaian untuk memutar elemen secara berkesan dalam penyemak imbas ini.

Untuk menangani isu ini, adalah penting untuk ambil perhatian bahawa putaran CSS3 standard harus berfungsi dalam IE9. Walau bagaimanapun, untuk memastikan keserasian, adalah disyorkan untuk menggunakan awalan vendor. Kod berikut harus berfungsi:

-ms-transform: rotate(10deg);

Selain itu, sifat penapis khusus IE yang digunakan dalam versi terdahulu IE (cth., "progid:DXImageTransform.Microsoft.BasicImage(rotation=3);") telah dihentikan dalam IE9.

Untuk meningkatkan lagi keserasian IE9, pertimbangkan untuk menggunakan Kertas Pasir CSS, yang melaksanakan sokongan untuk transformasi CSS standard dalam versi IE yang lebih lama. Ini membolehkan anda menggunakan kod berikut:

-sand-transform: rotate(10deg);

Godam ini berkesan menyokong putaran dalam IE 6/7/8 tanpa bergantung pada sintaks penapis yang lebih lama. Ingat untuk meneroka sumber seperti css3please.com dan caniuse.com untuk mengesahkan keserasian dan sentiasa dikemas kini pada ciri CSS3 merentas penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Mencapai Putaran CSS3 Berkesan dalam IE9?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!