2015-11-05 93 views
1

我有問題。 我必須改變我的網站上的CSS。所有作品在IE11和IE8上,但我必須做任何解決方法,以在IE11兼容模式下使用IE8。我想用其他的CSS來改變元素的位置,但我不知道如何使用它。只有IE8或IE11沒有問題。但問題出在IE8和IE8兼容模式之間。CSS僅適用於IE11中的IE8可兼容模式

我該怎麼辦?

+0

得到它在IE8的工作及以下,把這個頭' <鏈接rel =「stylesheet」type =「text/css」href =「path/to-your-css/file.css」>'並在那個'.css'中放入你的CSS修補程序 –

+0

確保包含上面的AFTER你包括你的主'css'文件,使用相同的css規則名稱只包含修正的規則 –

+0

是的,我知道,但問題是IE8和IE8之間IE11仿真 - 在IE8上一切正常,但仿真不。 – Soft

回答

0

如果你不介意使用JavaScript,那麼你可以通過使用檢測IE11:

if (document.documentMode == 8) { 
    var jscriptVer = Function('return /*@cc_on @[email protected]*/;')(); 
    var is8on11 = jscriptVer == 11; 
    if (is8on11) { 
     document.documentElement.className += ' is-ie8-on-ie11' 
    } 
} 

保持功能(使所需的註釋不被壓縮移除)。不要隨着函數中的代碼或註釋進行更改(以避免IE版本中的一些怪癖的方式編寫)。

然後,您可以使用CSS來覆蓋如下規則:<! - [如果LT IE 9]>

html.is-ie8-on-ie11 .some-target-class { 
    width: 20px; 
}