Belli bir dereceye kadar DİV döndürmek istiyorum. FF işlev görür ama IE bir sorunla karşı karşıyayım.

Aşağıdaki tarzda örneğin rotasyon=1 4 ayarlayın edebilirim

 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);

Bu sayı 90, 180 veya 270 veya 360 derece döndürülmüş anlamına gelir. Ama eğer sadece 20 DIV derece döndürmek için ihtiyacım olursa, o zaman artık işe yaramıyor.

Nasıl YANİ bu sorunu çözebilir miyim?

YANİ 45 derece döndürmek, stil, aşağıdaki kodu gerekir:

filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476); /* IE6,IE7 */
-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */

IE8 IE6/7 için farklı bir sözdizimi vardır yukarıda dikkat edeceğiz. Eğer IE tüm sürümleri desteklemek istiyorsanız her iki kod satırlarını sağlamanız gerekiyor.

Bu korkunç rakamlar var içinde Radyan; gerek işe rakamları için kendinizi kullanmak istiyorsanız bir açı diğerinden 45 derece (tutorials internette, onlara).

Ayrıca IE6/7 sözdizimi nedenleri süzgeç dize çıkmamış kolon sembolü nedeniyle diğer tarayıcılar için CSS geçersiz olduğu anlamına gelen sorunları unutmayın. Benim testlerde, bu Firefox filtre sonra tüm CSS kodunu yoksaymak neden olur. Bu eğer dışarıda yakalanırsanız karışıklığı saat neden olarak bilmeniz gereken bir şey. Diğer tarayıcılarda yük yoktu, ayrı bir stil YANİ özel şeyler alarak bunu çözdüm.

Diğer tüm güncel tarayıcılar (IE9 ve IE10 - yay! dahil) CSS3 transform stil genellikle satıcı önekleri ile de olsa) destek, aşağıdaki kodu tüm diğer tarayıcılarda: aynı etkiyi elde etmek için kullanabilirsiniz

-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
-o-transform: rotate(45deg);  /* Opera 10.5 */
-webkit-transform: rotate(45deg);  /* Saf3.1  */
transform: rotate(45deg);  /* Newer browsers (incl IE9) */

Bu yardımcı olur umarım.

[DÜZENLE]< / ^ br . Beri bu answser hala kalk-oy, ben hissetmeliyim güncelleme ile ilgili bilgileri bir javacript kütüphane denilen CSS Sandpaper bunu kullanın (yakın) standart CSS kodu dönmeler bile eski IE sürümleri.

Sitenize CSS Zımpara ekledikten sonra, o zaman IE6-8 için aşağıdaki CSS kodu yazmak gerekir:

-sand-transform: rotate(40deg);

filter geleneksel tarzı daha çok daha kolay normalde IE kullanmak gerekir.

[DÜZENLE]< / ^ br . Ayrıca ek bir cilvesi özellikle standart transform ve eski stil hem de destekleyen Internet Explorer 9 ve Internet Explorer 9 ile not -ms-filter IE. Eğer ikisi de belirttiyseniz, bu eleman nerede olurdu 9 tamamen karıştı ve sadece düz siyah bir kutu render alıyorum neden olabilir. Bunun için en iyi çözüm Zımpara dolgu yukarıda kullanarak filter tarzı kaçınmaktır.