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

2014-02-24   来源:站长
弹出层在火狐、谷歌、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">

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

http://m.gdfshaiyu.com/zhuanti/10105.html

展开更多 50 %)
分享

热门关注

扩展分区和文件系统_Linux系统盘操作步骤详细方法

站长

dede织梦火车头采集文章的时候自动生成网站的首页栏目页

站长

置帝国cms如何设置tag标签伪静态化linux伪静态设置方法

站长

阿里云服务器linux(centos)常用命令

站长

excel表中如何快速找出两列数据中的不同项

站长

如何快速找到ARP病毒源找到中arp病毒的电脑机子方法

站长

dedecms专题模版{dede:field.note/}代码在哪里修改

站长

专题special路径名称如何修改dede修改

站长

单条记录的模板:dede修改

站长

DedeTagEngineCreateFileFalse错误解决方法

站长