Question

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

部分设计在屏幕左上方以一定角度显示了一张偏光照片。它由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图片的标题是我需要的。但是，使用我正在使用的循环插件，当图像改变时，它会消失，然后再重复。我不知道是什么原因造成的？

Answer 1

IE8＆amp;以下不支持rotate属性。因此，为此，您必须使用名为filter

的IE 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

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

1 个答案: