单独对IE6兼容进行处理的方法
来源:互联网 发布:软件制作手绘照片 编辑:程序博客网 时间:2024/06/07 06:02
兼容IE6的第一步就是单独对IE进行兼容,你针对IE6所写的代码只影响IE6;有几种方法可以区分开IE6:IE特有条件注释、CSS选择器、JavaScript,我们将逐一讨论。
使用IE特有条件注释
微软给IE添加了条件注释以区分不同版本,任何东西都可以塞进条件注释里:标签、JavaScript、js文件、css、内联样式。可以使用条件注释来针对某一个IE浏览器版本来编写代码。
规则如下:(译注:可参考IE 特有注释(hack))
这段文字会在所有浏览器显示
<!--[if lte IE 6]>
这段文字仅显示在 IE6及IE6以下版本。
This message will only appear in versions of Internet Explorer less than or equal to version 6.
<![endif]-->
<!--[if gte IE 6]>
这段文字仅显示在 IE6及IE6以上版本。
This message will only appear in versions of Internet Explorer greater than or equal to version 6.
<![endif]-->
<!--[if gt IE 6]>
这段文字仅显示在 IE6以上版本(不包含IE6)。
This message will only appear in versions of Internet Explorer greater than version 6.
<![endif]-->
<!--[if IE 5.5]>
这段文字仅显示在 IE5.5。
This message will only appear in Internet Explorer 5.5.
<![endif]-->
<!--在 IE6及IE6以下版本中加载css-->
<!--[if lte IE 6]>
[*]
<![endif]-->
这段文字会在所有浏览器显示
使用条件注释加载css的好处是这些样式是独立于其他css文件的,因此不会在编写兼容代码时弄得一团糟;而且当IE6的市场份额降低到不需要兼容时,可以快速的清理掉。
使用条件注释的唯一缺点是在IE浏览器下会增加额外的HTTP请求数,所以需要权衡是否这样做。但我不建议使用条件注释加载外部js文件,因为js文件会造成阻滞,在js未加载完之前其余文件都不会被加载;对于js请使用JavaScript程序来区分浏览器而非条件注释。
使用CSS选择器区分开IE6
如果你不打算使用条件注释,CSS选择器是另外一个区分开IE6的办法,IE6不支持子选择器;先针对IE6使用常规申明CSS选择器,然后再用子选择器针对IE7+及其他浏览器。
示例:
<style type="text/css" > /* IE6 专用 */ .content {color:red;} /* 其他浏览器 */ div>p .content {color:blue;} </style> <div> <p class="header">Some Header Text Here </div>
这个方法的缺点是容易把样式表弄得一团糟,所以一定要写好注释说明。
在示例中,针对IE6写的样式在其他浏览器中也会执行,但(标准浏览器中)之后的子选择器覆盖了之前的申明,而IE6不支持子选择器所以忽略了它。
使用JavaScript区分开IE6
如果你想要使用JavaScript区分开IE6,请看示例:
//原生JavaScript
if(typeof document.body.style.maxHeight === "undefined") {
alert('IE6 Detected');
}
//MooTools(框架)
if (Browser.Engine.trident4) {
alert('IE6 Detected');
}
//jQuery(框架)
if (($.browser.msie) && ($.browser.version == "6.0")){
alert('IE6 Detected');
}
转载请注明:文章转载自:CMS96,为中国CMS加油【http://www.cms96.com】
- 单独对IE6兼容进行处理的方法
- 〖对IE6单独兼容〗
- ie6的兼容方法
- AJAX兼容IE6的方法
- IE6兼容inline-block的方法
- ie6兼容png24位的方法
- min-height对ie6, 7, 8及ff的兼容
- CSS完美兼容IE6/IE7/IE8/IE9/FF 通用方法 CSS对浏览器的兼容性具有很高的要求
- png图片兼容IE6浏览器的处理办法
- ie6、7、8、9单独hack兼容写法
- IE6 CSS 样式兼容方法
- EasyUI 兼容 IE6 方法总结
- EasyUI 兼容 IE6 方法总结
- 兼容IE6的十条有用的修复方法
- 兼容IE6的十条有用的修复方法
- 兼容IE6的min-width、min-height的简单方法
- CSS完美兼容IE6/IE7/FF的通用方法
- CSS完美兼容IE6/IE7/FF的通用方法
- 可动态布局的Android抽屉之基础
- OracleDBConsoleorcl 启动不了。
- 监测程序详细介绍,快捷键的设置;txt文件里面一行行的读取、删除、添加字符串等;根据程序路径名以及程序名判断程序是否在运行;
- 引用常见问题
- DIV层中字体自动换行
- 单独对IE6兼容进行处理的方法
- 报错 org.dom4j.DocumentException: unknown protocol: d
- DropDownList
- 正则表达式
- DEV C++的OPENGL环境配置
- Javascript中的类实现
- 关于gdb的调试
- Oracle 用户及权限设置
- The Beginning of CRC Project