Jquery 如何在Internet Explorer中以倾斜角度渲染div
我为一个客户设计了一个网站,并为他们建立了这个网站。它几乎完成了(如果您使用Chrome或Firefox查看它,它就完成了) 部分设计在屏幕左上角以一定角度显示了一种宝丽来照片。它由一个Div和一个image组成。此时的代码使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(-
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
属性。因此,为此,您必须使用IEfilter
称为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代码吗。所以,很容易理解你想要什么。