Jquery 如何在Internet Explorer中以倾斜角度渲染div

Jquery 如何在Internet Explorer中以倾斜角度渲染div,jquery,css,internet-explorer,html,Jquery,Css,Internet Explorer,Html,我为一个客户设计了一个网站,并为他们建立了这个网站。它几乎完成了(如果您使用Chrome或Firefox查看它,它就完成了) 部分设计在屏幕左上角以一定角度显示了一种宝丽来照片。它由一个Div和一个image组成。此时的代码使div倾斜一个角度,而内部图像发生变化 但是,所使用的代码: transform: rotate(-7deg); -webkit-transform: rotate(-7deg); /* Safari and Chrome */ -o-transform: rotate(-

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

部分设计在屏幕左上角以一定角度显示了一种宝丽来照片。它由一个Div和一个image组成。此时的代码使div倾斜一个角度,而内部图像发生变化

但是,所使用的代码:

transform: rotate(-7deg);
-webkit-transform: rotate(-7deg); /* Safari and Chrome */
-o-transform: rotate(-7deg); /* Opera */
-moz-transform: rotate(-7deg); /* Firefox */
不适用于任何版本的Internet Explorer。不过,客户使用的是Internet Explorer,这让我很难过,因为他们真的希望它看起来像这样。(顺便说一句,这个客户是典型的“形式重于功能”类型的人)

我该怎么做才能使潜水器倾斜一个角度

编辑:

我使用了CssSandpaper插件,在某种程度上,它正在做我需要它做的事情


你可以看到图像的标题是我需要的。然而,在我使用的cycle插件中,当图像发生变化时,它会消失,然后重新出现。我不知道是什么原因造成的?

IE8&down不支持
rotate
属性。因此,为此,您必须使用IE
filter
称为
matrixfilter

试试这个:

/* 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');
&您可以从这里生成
过滤器


我已经试过了,而且效果很好。正如我所说,div中需要倾斜的图像是幻灯片的一部分。使用当前的矩阵代码,图像渲染时没有倾斜,然后倾斜。你能显示你的html和css代码吗。所以,很容易理解你想要什么。