网站在ie浏览器兼容模式显示错位变形问题解决办法.docxVIP

网站在ie浏览器兼容模式显示错位变形问题解决办法 弹出层在火狐、谷歌、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 FrameGoogle 官方供应了对 Google Frame 插件安装状况的检测，这里直接调用方法