一、Layer 彈出層在ie8錯亂的解決辦法
彈出層在火狐、谷歌、360極速模式、IE6下都能100%面積正常顯示,但在IE8和360的兼容模式下只顯示彈出層下半部分或右半部分的內容,在主頁面加上:
<meta http-equiv="x-ua-compatible" content="ie=7" /> 即可解決。
但是我的項目是在彈出層上面再有彈出層,結果是第二彈出層的沒問題了 但是第一彈出層被影響了(一些導航和標題浮動了)。
后來看到了淘寶的源代碼是這樣寫的:<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
網友是這樣解釋的:
這是一個,文檔兼容模式的定義。 Edge 模式告訴 以最高級模式渲染文檔,也就是任何 版本都以當前版本所支持的最高級標准模式渲染,避免版本升級造成的影響。簡單的說,就是什么版本 就用什么版本的標准模式渲染 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 使用以下代碼強制 IE 使用 Chrome Frame 渲染 <meta http-equiv="X-UA-Compatible" content="chrome=1"> 提示 IE 用戶安裝 Google Frame Google 官方提供了對 Google Frame 插件安裝情況的檢測,這里直接調用方法即可,如果檢測到 IE 並未安裝 Google Frame,則彈出對話框提示安裝。 <script src=""></script><script>CFInstall.check();</script> 最佳的兼容模式方案,結合考慮以上兩種: <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
二、360瀏覽器兼容模式無法彈出layer對話框問題
問題 Layer插件的提示框在極速模式下正常顯示,但是兼容模式下不顯示。
解決
360有倆模式(點擊地址欄的閃電圖標或者IE圖標可以切換)
一個是基於Webkit內核的極速模式,一個是IE內核的兼容模式。
強制360以極速模式瀏覽網頁,可以給此網頁增加meta,強制360瀏覽器以極速模式解析此網頁,而非IE兼容模式。
<html> <head> <meta name="renderer" content="webkit"> </head> <body> </body> </html>
content的取值為webkit,ie-comp,ie-stand之一,區分大小寫,分別代表用webkit內核,IE兼容內核,IE標准內核。
-
若頁面需默認用極速核,增加標簽:<meta name="renderer" content="webkit">
-
若頁面需默認用ie兼容內核,增加標簽:<meta name="renderer" content="ie-comp">
-
若頁面需默認用ie標准內核,增加標簽:<meta name="renderer" content="ie-stand">