2

我一直在通过 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')"; }

是的,我错过了“过滤器:”标签,但从我读过的内容来看,只有 IE7 或更低版本才需要该标签。我想让它在至少一个版本的 IE 上运行,然后我可以考虑其余的!

因此,当我使用 Chrome 查看这段代码时,-ms-filter 标记就在那里并被划掉了。在 IE 上,它甚至没有出现。我已经从在线代码生成器中复制了很多次代码,但仍然无法正常工作!有任何想法吗?

这是有关此问题的页面。我知道链接不起作用,我故意破坏了它们。

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

4

1 回答 1

0

问题是,如果您在测试模式下使用 IE9 或 IE10,使用“F12”键更改 IE 的呈现版本。IE 过滤器标签无法检查您的过滤器是否在 IE7 中工作,您需要 IE7 的本机版本,并且与所有其他版本相同。

于 2014-01-03T09:44:34.217 回答