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