彈出層在兼容模式和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">