2017-09-21 70 views
0

我正在編寫一個Angular 2應用程序,我需要用IE瀏覽器9-10覆蓋CSS。其餘的我有flexbox佈局。但我需要特別覆蓋IE 9-10以及非Flexbox風格。 我已經看到了在index.html中使用條件標籤的方法,但它僅適用於特定的IE 9和IE 10。 這些IE中不支持@supports(display:flex)。 我有什麼選擇?我想爲IE11>保留flexbox scss。與此同時,IE 9-10有一個回退。 任何建議和建議將不勝感激。適用於IE瀏覽器的樣式9 - 10

+0

在這種情況下,可以找到瀏覽器,如果是IE,則應用特定的類並使用腳本應用的類覆蓋現有的(flexbox into table)CSS。這可能對你有幫助,我在我的項目中做得很好。 –

+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

如果我的回答是正確的,請將其標記爲正確:),謝謝 –

相關問題