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