Cara Memutar Elemen dalam IE9 Menggunakan Transform CSS3: putar; ?

Pusing CSS3: putar; Transform dalam IE9

Isu biasa untuk menghadapi masalah keserasian apabila cuba menggunakan sifat CSS3 merentas penyemak imbas yang berbeza. Satu isu sedemikian dihadapi apabila cuba memutar elemen dalam Internet Explorer 9 (IE9) menggunakan transformasi CSS3: putar; hartanah.

IE9 tidak menyokong sifat transformasi CSS3 secara asli, seperti yang dilakukan dengan IE7 dan IE8 menggunakan sifat penapis. Walau bagaimanapun, awalan vendor boleh digunakan untuk mengatasi had ini.

Untuk memutar elemen dalam IE9 menggunakan CSS3, gunakan sintaks berikut:

-ms-transform: rotate(10deg);

Awalan "-ms-" menandakan bahawa gaya itu ditujukan untuk penyemak imbas berasaskan Microsoft, seperti IE9.

Perhatikan bahawa menggunakan transformasi: putar; kepada elemen tanpa awalan vendor boleh menyebabkan elemen menjadi telus dalam IE9. Selain itu, sifat penapis telah ditamatkan dalam IE9 dan tidak boleh digunakan.

Untuk sumber lanjut, rujuk pautan berikut:

• http://css3please.com/: Tempat ujian untuk pelbagai ciri CSS3 dalam semua penyemak imbas.
• www.canIuse.com/#search=rotation: Jadual yang meringkaskan sokongan penyemak imbas untuk pelbagai ciri CSS, termasuk putaran.
• Kertas Pasir CSS: Satu penggodaman yang membolehkan sokongan untuk CSS standard berubah dalam versi lama IE.

Dengan menggunakan teknik yang diterangkan di atas, adalah mungkin untuk mencapai putaran elemen dalam IE9 menggunakan transformasi CSS3, memastikan keserasian merentas pelayar dan mengekalkan estetika reka bentuk yang diingini.

Atas ialah kandungan terperinci Cara Memutar Elemen dalam IE9 Menggunakan Transform CSS3: putar; ?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!