今天易天網站開發工程師在上傳完客戶網站后,有客戶反映網站中JS切換效果不能正常顯示。經過調試發現XP下IE8、360瀏覽器、百度瀏覽器、GOOGLE瀏覽器均正常顯示,僅IE10以上瀏覽器出現上述問題。
查閱相關文件有以下解釋:
微軟在IE8提供三種解析頁面的模式
- IE8 Standard Modes :默認的最標準的模式,嚴格按照W3C相關規定
- IE7 Standards Modes :IE7現在用的解析網頁的模式,開起機關是在中加入
- Quirks Modes :IE5用的解析網頁的模式,開起機關是刪除HTML頂部的DOCTYPE聲明
注意:不同模式間的網頁在IE8中可以互相 frame ,因此因不會模式下的DOM和CSS渲染不一樣,所以會引發很多問題,務必注意如果你的頁面對IE7兼容沒有問題,又不想大量修改現有代碼,同時又能在IE8中正常使用,微軟聲稱,開發商僅需要在目前兼容IE7的網站上添加一行代碼即可解決問題,此代碼如下:
XML/HTML代碼
- <meta http-equiv="X-UA-Compatible" content="IE=7" />
通俗的說上述代碼就是告訴瀏覽器以兼容IE7代碼的方式運行網站中的語句,以此類推。在IE8下可以正常顯示的網頁若不能在IE10下顯示,則將代碼修改為:
XML/HTML代碼
- <meta http-equiv="X-UA-Compatible" content="IE=8" />
在網頁頭部加入以下代碼后,重啟IE10 打開網站發現問題解決。