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')"; }

はい、「filter:」タグがありませんが、私が読んだ限りでは、そのタグは IE7 以下でのみ必要です。少なくとも 1 つのバージョンの 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 に答える