ie9下网页设计兼容模式
个人实践使用:ie9下使用低版本ie兼容模式,在网站第一个页面的<head>标签后使用<meta http-equiv="X-UA-Compatible" content="IE=8" />,位置一定要放对。否则无效。
或者
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE6"/>---这个是默认使用ie7
关于X-UA-Compatible
目前绝大多数网站都用
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >
来作为IE8的兼容方法,虽然微软将IE向标准迈进了一大步,而事实上IE8还存在一系列渲染的奇怪现象是不争的事实。
谁让IE6那么多呢,或许2014年以后我们可以有更多的时间去关心IE8,而不是IE6或者IE7。
在X-UA-Compatible中可用的方法有:
<meta http-equiv=”X-UA-Compatible” content=”IE=5″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=7″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=8″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=edge” >
其中最后一行是永远以最新的IE版本模式来显示网页的。
另外加上
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE8″ >
而使用,Emulate模式后则更重视<!DOCTYPE>所以目前来说还是以
<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″ >
为首选。微软自己创下的罪孽让他自己去扫吧。
转载自火跃
网址:http://www.huoyue.org/x-ua-compatible
IE9应用低版本IE模式(转自http://tech.liuj.in/?p=34)
最近基于GWT2.2.0 开发的产品在IE9下报出了bug,临时用启动选择IE8标准模式解决的。换GWT2.4.o就解决了,不过还是把应用版本模式的方法写在这里。
设置X-UA-Compatible的meta header理所应当能启动模式,但是注意这里,此段header前,最好不要加除了title和其他meta外的任何标签和注释
当然IE的测试也很恐怖,最好close all the windows才靠谱。
官方文档大概这样写的
The X-UA-Compatible header is not case sensitive; however, it must appear in the header of the webpage (the HEAD section) before all other elements except for the title element and other meta elements.
参考资料
官方文档: http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx
民间文章:http://www.swingworks.net/2011/08/x-ua-compatible_breaks_in_ie9/
于是,如此这般
<head>
<title>Loading...</title>
<meta http-equiv="X-UA-Compatible" content="IE=8" />
<!--[if IE 7]>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<![endif]-->
百度相关网址 : http://www.swingworks.net/2011/08/x-ua-compatible_breaks_in_ie9/
http://www.iefans.net/ie9-x-ua-compatible/
http://www.imququ.com/post/browser-mode-and-document-mode-in-ie.html
ie9下网页设计兼容模式的更多相关文章
- IE兼容模式下样式分离错乱,求CSS高手
IE正常模式下访问正常 兼容模式右边图片切换区域样式错乱,求CSS高手! 详细参考网址:www.javams.com
- IE浏览器的兼容模式代码细节解读
兼容性对于网页设计师来说非常重要.虽然最好是建立一个完全不需依赖任何网页浏览器特性或功能的网站,但是有时候这是不可能实现的.而文件兼容模式能将网页限制在某个特定版本的IE中.可以使用 X-UA-Com ...
- meta 标签代码解决IE兼容问题,IE6,IE7,IE8,IE9,IE10(包括360的兼容模式)
最近做了一个项目,客户反映,在360下布局错位,远程调试了一下,发现客户使用的是360的兼容模式,然而我在自己的电脑上测试的时候是正常的(兼容模式也正常):简单研究了一下360的兼容模式,在360的兼 ...
- 强制将IE8设置为IE7兼容模式来解析网页
强制将IE8设置为IE7兼容模式来解析网页 英文原文:http://msdn.microsoft.com/en-us/library/cc288325(VS.85).aspx 文件兼容性用于定义让IE ...
- 360浏览器兼容模式下IE内核版本
问题 最近在跟客户演示系统时,自己电脑IE 11下好好的,我们web系统最低支持到IE9.在客户电脑上,IE9浏览器下可以正常浏览,但是360兼容模式下,页面什么也不显示. 通过F12调试工具发现,3 ...
- 关于强制IE不使用兼容模式渲染网页
现在IE11是唯一受微软支持的IE浏览器. IE11有兼容模式,开启后有网页会出错. 在html header标签下加上 <meta http-equiv="X-UA-Compatib ...
- 转:IE兼容模式下 SCRIPT1028: 缺少标识符、字符串或数字
IE兼容模式下 SCRIPT1028: 缺少标识符.字符串或数字例如下面一段代码 var a = { x: 1, y: 2,};alert(a.x);如果在IE的兼容性视图(IE7文档模式 ...
- [AJAX]ajax在兼容模式下失效解决办法
使用jQuery,用ajax实现局部刷新功能,在火狐,360急速浏览器高速模式下,ie8,9都能正常运行,但切换到兼容模式下无效,解决办法有两种关闭浏览器兼容性视图,二是引入json2.js文件 这里 ...
- 弹出层在兼容模式和IE8模式下显示不正常
弹出层在火狐.谷歌.360极速模式.IE6下都能100%面积正常显示,但在IE8和360的兼容模式下只显示弹出层下半部分或右半部分的内容,在主页面加上: <meta http-equiv=&qu ...
随机推荐
- codeforces 655C C. Enduring Exodus(二分)
题目链接: C. Enduring Exodus time limit per test 2 seconds memory limit per test 256 megabytes input sta ...
- 嵌套list的实例化
在LeetCode上遇到这样返回值 public class Solution { public List<List<Integer>> levelOrder(TreeNode ...
- JavaWEB - 请求的转发和重定向
JavaWEB - Servlet
- [转]各种开源协议介绍 BSD、Apache Licence、GPL V2 、GPL V3 、LGPL、MIT
现今存在的开源协议很多,而经过Open Source Initiative组织通过批准的开源协议目前有58种(http://www.opensource.org/licenses /alphabeti ...
- 找工作-——网络IO
网络层 主要任务是把网络协议数据单元或分组从源计算机经过适当的路径发送到目的地计算机.从源计算机到目的计算机可能要经过若干个中间节点,这需要在通信子网中进行路由选择. 网络层与数据链路层有很大的差别, ...
- Java 的 Tuple 元组数据类型
元组类型,即 Tuple 常在脚本语言中出现,例如 Scala 的 ("Unmi", "china@qq.com", "blahbla"). ...
- WPF x:key和x:name用法
WPF x:key和x:name用法 x:Key用在xaml Resources,ResourceDictionary需要key来访问 x:Name用在ResourceDictionary以外任何地方 ...
- numpy.zeros(shape, dtype=float, order='C')
numpy.zeros Return a new array of given shape and type, filled with zeros. Parameters: shape : int o ...
- vue.js 使用高德地图
1.获取key值 注册成为高德开发者需要分三步: 第一步,注册高德开发者: 第二步,去控制台创建应用: 第三步,获取Key 2.修改配置文件 webpack.base.conf.js externa ...
- .NET后台控制网页标签的ICO图标
aspx文件的head属性中增加runat="server" 后台cs文件中: /// <summary> /// 客户端注册ICO图标 /// </summar ...