css - CSS Rotate が IE で機能しない

Question

投稿の日付を投稿の左側に垂直に表示するカスタムのWordpressテーマがあります。

これは私がそれを達成するために使用した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 を使用していると思いますが、まだ確かなことはわかりません)。

私は何を間違っていますか？

Answer 1

これを使用してみてください：

-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');

Answer 2

CSS 変換は IE9 以降でのみ機能します: http://caniuse.com/transforms2d