2012-10-03 14 views
5

CSS Dönüşümü özelliğini kullanarak bir div döndürmeyi veya dönüştürmeyi deniyorum.CSS Dönüşümü IE 8'de çalışmıyor Dönüş

-webkit-transform: rotate(270deg); 
-moz-transform: rotate(270deg); 
-ms-transform: rotate(270deg); 
-o-transform: rotate(270deg); 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0); 
transform: rotate(270deg); 

Yukarıdaki kod inşaat büyük ı desteklemek için bir yol bulmalıyız IE 8. ancak tüm IE 8.

nasıl IE8 için bir yedeği oluşturabilirsiniz: İşte benim dönüşümü CSS Kod nedir?

Not: Sağladığınız yanıtta fark yaratan jQuery (1.8.2), HTML 5 Doctype ve modernizr kullanıyorum. Sadece bir CSS çözümünü tercih ediyorum ama javascript/jQuery çözümünü kullanmak istiyorum. Eğer "filtresi:" görürseniz

Here is a fiddle with the HTML and CSS.

cevap

5

3'e döndürme, o (v5.5 ve düşüş IIRC) 270 derecelik bir IE 8'de dönüşünü verecektir. Bunun IE9 karıştıran biridir o kullanırsanız

http://msdn.microsoft.com/en-us/library/ms532918(v=vs.85).aspx

+1

sayesinde, rakam gidin. IE8 ve altında ve IE9 ve üstü için IE Koşullu Stil Sayfalarını kullanacağım. – L84

+0

Bunun olabileceğini düşündüm, ama emin değildim. Koşullu yorumlar kesinlikle etrafında çalışacaktır. – jimp