2017-09-21 17 views
0

私はAngular 2アプリをコーディングしています。IE 9-10のCSSでカバーする必要があります。残りの部分はフレックスボックスレイアウトです。しかし、私は具体的に非フレックスボックススタイルのIE 9-10をカバーする必要があります。 これはindex.htmlの条件付きタグを使用する方法を見てきましたが、特定のIE 9およびIE 10にのみ適用されます。 また、@supports(display:flex)はこれらのIEではサポートされていません。 どのようなオプションがありますか?私はIE11のためにもフレックスボックスのscssを保持したいです。そして同時に、IE 9-10のフォールバックがあります。 ご意見やご提案は高く評価されます。IE 9-10のスタイルを適用する

+0

この場合、ブラウザはIEであれば特定のクラスを適用し、スクリプトで適用したクラスを使用して既存の(flexboxをテーブルに)CSSを上書きすることができます。これはあなたを助けるかもしれません、私はうまく働いているプロジェクトの私の1つでやったことがあります。 –

+0

@SatheeshKumarブラウザを検出して適用するためにどのようにアプローチしましたか?戦略は何だったの?ありがとう! – Ivan

答えて

1

@Ivan以下のスクリプト(jquery)を使用すると、ブラウザを検出でき、クラスを適用できます。

//Jquery 


 if ($.browser.msie && $.browser.version <= 6){ 


 alert('IE 6 or below version'); 

  } 



if ($.browser.msie && $.browser.version > 6){ 

 alert('IE above 6'); 

 } 



}); 
+0

ありがとうございました!私は本当にあなたの助けに感謝します。幸いにも私は私の現在のプロジェクトで古いIEをサポートする必要はありません。 – Ivan

+0

あなたは@Ivanを歓迎しています。 –

+0

私の答えがあなたの所で正しいのなら、それを正しいものとしてマークしてください:)、ありがとう –

関連する問題