解決方法:
asp.net 中:
<meta http-equiv="X-UA-Compatible" content="IE=11;IE=10;IE=9;IE=8;" />
這樣 文檔模式 為 標准 ;
JAVA 中:
<meta http-equiv="x-ua-compatible" content="ie=8"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
這樣文檔模式 為 IE8 標准
////////////////////////////////////////////////////////////////////////////////////////////
以下僅供參考
//////////////////////////////////////////////////////////////////////////////////////////
項目在IE瀏覽器中打開默認是Quirks模式,導致兼容性不太好
當然可以手動修改為Internet Explorer8 以上模式,但我們不可能引導用戶這樣去做
可以在代碼里通過設置DTD聲明讓瀏覽器決定用何種模式
將
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
1
改為
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN" "http://www.w3.org/TR/html4/strict.dtd">
1
這樣問題就解決了
PS:
在IE11以及360瀏覽器文檔模式默認為IE7版本,可以通過設置meta標簽改變為其他模式
<meta http-equiv="X-UA-Compatible" content="IE=9" />
1
擴展閱讀:browser-mode-and-document-mode-in-ie
在IE8瀏覽器以后版本,都有一個“兼容性視圖”,讓不少新技術無法使用。那么如何禁止瀏覽器自動選擇“兼容性視圖”,強制IE以最高級別的可用模式顯示內容呢?下面就介紹一段HTML代碼。
X-UA-Compatible是一個設置IE瀏覽器兼容模式的屬性,在IE8瀏覽器之后誕生。IE8或者IE9有很多種模式,比如,IE8有4種模式:IE5.5怪異模式、IE7標准模式、IE8幾乎標准模式、IE8標准模式;而IE9有7種模式: IE5.5怪異模式、IE7標准模式、IE8幾乎標准模式、IE8標准模式、IE9幾乎標准模式、IE9標准模式、XML模式。
我們常使用代碼:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
來開啟IE8的標准渲染模式。這種方式在只存在IE8瀏覽器的時候比較合適,但是后來又出現了IE9、IE10、IE11等等。我們就可以這樣寫:
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />
意思就是優先最前面的IE9,沒IE9就用IE8。那么如果針對每一種都寫一遍,似乎就有些冗余了。
所以我們改變方式采用代碼:
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge模式通知IE以最高級別的可用模式顯示內容,這實際上破壞了“鎖定”模式。
當然,我們還見過這樣的代碼:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就是增加了chrome=1值,目的是觸發Google Chrome Frame,不過現在Google已經拋棄Google Chrome Frame了,因此也不用這樣寫了。
總結:
在 <!DOCTYPE html> 下,使用代碼:
<meta http-equiv="X-UA-Compatible" content="edge" />
觸發標准模式,這個是最有效的方法。