jquery - 如何在 Internet Explorer 中以倾斜 Angular 呈现 div

Question

我为客户设计了一个网站，并为他们构建了它。它几乎完成了(如果您使用 Chrome 或 Firefox 查看它，它就完成了)。

部分设计以一定 Angular 在屏幕左上方显示了一张宝丽来照片。它由一个 Div 和一个图像组成。目前的代码是让div倾斜一个 Angular ，同时里面的图片发生变化。

但是，使用的代码:

transform: rotate(-7deg);
-webkit-transform: rotate(-7deg); /* Safari and Chrome */
-o-transform: rotate(-7deg); /* Opera */
-moz-transform: rotate(-7deg); /* Firefox */

不适用于任何版本的 Internet Explorer。客户端虽然使用 Internet Explorer，但让我很伤心，因为他们真的希望它看起来像这样。 (顺便说一句，这个客户是典型的“形式重于功能”类型的人)。

我该怎么做才能使 div 倾斜一个 Angular ？

编辑:

我已经使用了 CssSandpaper 插件，它正在做我需要它做的事情，直到一定程度。

可以看到here该图像的标题是我需要的。但是，使用我正在使用的循环插件，当图像发生变化时，它会消失，然后又会重新出现。我不知道是什么原因造成的？

Answer 1

IE8 及以下版本不支持 rotate 属性。因此，为此你必须使用名为 matrixfilter

的 IE filter

试试这个:

/* IE8+ - must be on one line, unfortunately */ 
   -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.992546151641322, M12=0.12186934340514761, M21=-0.12186934340514761, M22=0.992546151641322, SizingMethod='auto expand')";

   /* IE6 and 7 */ 
   filter: progid:DXImageTransform.Microsoft.Matrix(
            M11=0.992546151641322,
            M12=0.12186934340514761,
            M21=-0.12186934340514761,
            M22=0.992546151641322,
            SizingMethod='auto expand');

& 你可以从这里生成过滤器:

http://www.useragentman.com/IETransformsTranslator/index.html