为什么我的斜通过-ms-滤波器矩阵不应用于IE

Question

我一直在用Chrome/Firefox建立一个网站，现在我在IE上看它，它非常破碎。我预料到了这一点，但是修复它比我想象的要困难得多。

主要的问题是，我的网站使用了一些歪斜的元素(它们被用作平行四边形)，而这种歪斜并不适用于IE。这些div被赋予类"平行四边形"，所以在我的代码中我写:

div.parallelogram { position:absolute; top:0; right:25%; z-index:20; height:100%;
                    width:20%; margin:0;
                    background-color:#000; color:inherit;
                    -moz-transform:skew(-20deg);
                    -o-transform:skew(-20deg);
                    -webkit-transform:skew(-20deg);
                    -ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0.3, M12=1.3,
                      M21=0.7, M22=0, SizingMethod='auto expand')"; }

是的，我错过了"filter:"标签，但从我所读到的，这个标签只需要IE7或更少。我想让它在至少一个版本的IE上工作，然后我可以考虑其余的!

因此，当我使用Chrome查看此代码时，-ms-filter标签在那里并被划掉。在IE上，它甚至不会出现。我已经从代码生成器在线复制了很多次代码，但它仍然不工作!什么好主意吗?

这一页有这个问题。我知道链接不起作用，是我故意破坏的。

更新:感谢Teemu，我应用了-ms-transform，所以我现在可以在>=IE9上获得倾斜。我仍然希望至少支持IE8。

Answer 1

问题是，如果您在测试模式下使用IE9或IE10，则按"F12"键更改IE的渲染版本。IE过滤器标签不能检查你的过滤器是否在IE7中工作，你需要IE7的本地版本，对所有其他版本都是一样的。