layer兼容性問題


一、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">


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM