CSS旋轉在IE

不工作我有一個垂直顯示這篇文章的日期，到後左側的自定義WordPress的主題：CSS旋轉在IE

The Correct Version

這是我用來實現它的CSS代碼：

.datebox { 
background-color: #371f13; 
padding: 0; 
position: absolute; 
height: 20px; 
width: 100px; 
z-index: 10; 
text-align: center; 
left: 280px; 
top: 25px; 
/* Safari */ 
-webkit-transform: rotate(-90deg); 
/* Firefox */ 
-moz-transform: rotate(-90deg); 
/* IE */ 
-ms-transform: rotate(-90deg); 
/* Opera */ 
    -o-transform: rotate(-90deg); 
/* Internet Explorer */ 
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

在IE8（如IE 10的調試控制檯呈現），包裝盒不能正常轉動：

IE8 Rendering

客戶端是報告的日期，實際上完全是顛倒（我假設她使用IE8，但我還不知道肯定）。

我在做什麼錯？

來源

2013-06-25 Ty Morton

嘗試使用這樣的：

-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand')"; 
filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.00000000, M12=1.00000000, M21=-1.00000000, M22=0.00000000,sizingMethod='auto expand');

來源

2013-06-25 02:12:55 Riskbreaker

這並沒有解決它。 IE的調試模式有多可靠？ –

哦，你在調試模式呃....任何地方你可以查看測試真正ie8？ – Riskbreaker

不，你不能擁有兩個不同的版本，這令人發瘋。我在Mac上工作，但我有一臺運行Windows 8的PC筆記本電腦，以及運行Windows 7和Windows XP的Parallels。我使用XP來測試IE7（儘管我正在改變它），而Win7測試了IE9。 IE8只是通過那裏的裂縫跌倒，而我並沒有購買Vista。 –

-1

CSS轉換隻工作在IE9及更高版本：http://caniuse.com/transforms2d

來源

2013-06-25 03:22:03

這是代碼工作不正常的部分：filter：progid：DXImageTransform.Microsoft.BasicImage（rotation = 3）; –

我爲什麼拒絕投票？ –

客戶報告使用IE9，而且事實證明，她的IE9（在兼容模式下可能運行）是渲染CSS和MS Filter。

我將MS過濾器移到IE8特定的樣式表中，並解決了這兩個問題。但是，我確實需要調整IE8版本中的頂部和左側設置，出於某種原因。

來源

2013-06-25 13:31:44

回答

相關問題