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

我为客户设计了一个网站，并为他们构建了一个网站。它几乎是完整的（如果你使用Chrome或Firefox浏览它，它是完整的）。如何在Internet Explorer中以倾斜角度渲染div

部分设计在屏幕的左上方以一定角度显示了一种宝丽来照片。它由一个Div和一个图像组成。目前的代码使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，并且给我带来很大的悲伤，因为他们真的希望它看起来像这样。（这个客户顺便说一下，是典型的“形式超越功能”类型的人）。

我能做些什么来使div在一个角度倾斜？

编辑：

我用过的CssSandpaper插件，和它做什么，我需要做的，到一个点。

你可以看到here图片标题是我所需要的。然而，随着我使用的循环插件，当图像改变它消失，然后它reppears。我不知道是什么原因造成的？

来源

2011-11-02 mickburkejnr

IE以下不支持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');

&可以生成filter从这里：

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

来源

2011-11-02 08:33:12 sandeep

我已经试过这一点，它的工作到一定程度。正如我所说的，div内需要倾斜的图像是幻灯片的一部分。使用矩阵代码时，图像呈现没有倾斜，然后倾斜。 – mickburkejnr

你能显示你的html和css代码吗？所以，很容易理解你想要的东西。 – sandeep

http://dev.shoutcommunications.co.uk/news - 你可以在那里看到它的行动。 – mickburkejnr

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

回答

相关问题