2013-05-22 11 views
6

私はちょうどrealise thatに来ました。Internet Explorer 10はCSS border-imageプロパティをまったくサポートしていません。border-imageを表示するためにInternet Explorer 10を「ハックする」方法はありますか?

私の普通の解決策は、CSS3 PIEを使用することですが、MicrosoftがIE10の.htc動作のサポートを控えるよう選択したことを考えると、非常にユニークな立場にあります。彼らのフォーラムhereにこれに関する議論があります。

CSS3 PIEのカスタムJSバージョンを作成することで回避策がある可能性がありますが、パフォーマンスが低下することは嫌です。

誰かがIE10にボーダー画像をサポートするように納得させる方法を見つけたことはありますか?

+1

99%あなたはそれをスクリプト化するか、背景画像付きの9x9グリッドとしてゲートからマークする必要があります。とにかく「border-image」は9x9グリッドの単なる置き換えに過ぎません。 – svidgen

答えて

4

IE10 完全に HTCの動作のサポートを削除します。あなたはまだそれらを使用することができますが、次のメタタグを追加することによって行うことができますforce IE10 to emulate IE9、もし:

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> 

これは、あなたが再びCSS3 PIEのHTCの行動を使用してみましょうだろうが、それはまた、導入された他の新機能を使用してからあなたを妨げますIE10で。これはトレードオフですが、より良いborder-image polyfillが利用できるようになるまで、あなたのサイトがIE10で意図されたように見えるようにするものです。

+0

ありがとう、私はこれを完全に調べる機会がありませんでした。時間です。あなたの提案は、ボーダーイメージが不可欠であるならば、確かに最も理にかなっています。 Microsoftの最新のブラウザを使用しても、競合他社と比較して大きな妥協点が残っていることは残念です。この例では、以前のブラウザが優れていると多くのことを言っています! – johnkavanagh

関連する問題