网页制作教程:单独对IE6进行兼容


原文:Ultimate IE6 Cheatsheet: How To Fix 25+ Internet Explorer 6 Bugs
翻译:http://www.vfresh.org/w3c/727(译文对原文进行了补充)

兼容IE6的第一步就是单独对IE进行兼容,你针对IE6所写的代码只影响IE6;有几种方法可以区分开IE6:IE特有条件注释、CSS选择器、JavaScript,我们将逐一讨论。

使用IE特有条件注释

微软给IE添加了条件注释以区分不同版本,任何东西都可以塞进条件注释里:标签、JavaScript、js文件、css、内联样式。可以使用条件注释来针对某一个IE浏览器版本来编写代码。

规则如下:(译注:可参考IE 特有注释(hack))

运行代码框

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

使用条件注释加载css的好处是这些样式是独立于其他css文件的,因此不会在编写兼容代码时弄得一团糟;而且当IE6的市场份额降低到不需要兼容时,可以快速的清理掉。

使用条件注释的唯一缺点是在IE浏览器下会增加额外的HTTP请求数,所以需要权衡是否这样做。但我不建议使用条件注释加载外部js文件,因为js文件会造成阻滞,在js未加载完之前其余文件都不会被加载;对于js请使用JavaScript程序来区分浏览器而非条件注释。

使用CSS选择器区分开IE6

如果你不打算使用条件注释,CSS选择器是另外一个区分开IE6的办法,IE6不支持子选择器;先针对IE6使用常规申明CSS选择器,然后再用子选择器针对IE7+及其他浏览器。

示例:

运行代码框

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

这个方法的缺点是容易把样式表弄得一团糟,所以一定要写好注释说明。
在示例中,针对IE6写的样式在其他浏览器中也会执行,但(标准浏览器中)之后的子选择器覆盖了之前的申明,而IE6不支持子选择器所以忽略了它。

扩展阅读:

  • CSS Browser Compatibility Chart
  • Master Browser Compatibility Chart

使用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');
}

扩展阅读:

  • Quirksmode's Browser Object
  • MooTools' Browser Object
  • jQuery's support utility



相关阅读:
非常不错的弹出一个div的js代码
Ubuntu系统下Trac+Subversion+Apache安装
C# 生成高质量缩略图程序—终极算法
Windows Server 2008蓝牙驱动安装方法
SQL查询分析器清除被注入恶意病毒代码
Access查询之Linq to DataSet
wordpress模板常用调用函数
Asp.net控制Tomcat启动关闭的实现方法
ASP.Net生成一个简单的图片
php下清空字符串中的HTML标签的代码
CSS3属性之text-shadow详解
Mootools 1.2教程 正则表达式
ASP.net 路径问题 详解
5.3 提高ASP性能的最佳选择
快速导航
PHP MySQL HTML CSS JavaScript MSSQL AJAX .NET JSP Linux Mac ASP 服务器 SQL jQuery C# C++ java Android IOS oracle MongoDB SQLite wamp 交通频道 作文范文 全面的二年级英语手抄报资料汇总 2015幼儿园大班班主任工作总结 这个社会别指望谁会理解你 幽境 侯以雷诗歌欣赏261 我最多只能帮你三次 小学六年级作文900字:第一次打工 端午节祝福的短信大全 七夕,执一笔淡墨,为你吟一阙刻骨的爱恋 谋事求地位 岗位学做人--谈“两个教育”学习体会 舞动的精灵 时间傀儡,午夜的面具。 我的QQ宠物“Q宠王子” 家庭春晚作文 青春这件小事作文1000字 我们要向邓爷爷学习 一起走过的路作文 假如生活重新开始作文100字 我高考275分,你会比我差吗 2016-2017学年度第二学期英语科组工作计划 抗战书籍读后感400字 你拿什么高傲,没有我你什么也不是。 春天观察日记200字 剥落的幸福,一个人形单影只的走过... 公安部党委“三严三实”专题民主生活会发言稿 可以作文50字 曾经的最美,如今的遗憾 2015迎接新员工讲话稿 《念远》 可爱的长臂猿 2016期末个人总结 纯真的回忆 首届“华新杯”冬季越野长跑联谊赛主持词 走远了,才敢想你 有时候无聊会爆发。 2014年4月教师工作总结 我没有眼泪作文150字 图书馆与业同仁同事同行共勉之演讲 2015年1月 入党思想汇报 2015烈士纪念日心得体会 看牙作文400字 九一八勿忘国耻振兴中华演讲稿 视频:惊现拉面哥,一口解决一碗拉面 城市规划设计院实习报告范文3000字 感恩作文100字 有付出,就会有收获 不好意思,你想要的太多了 水磨河赋350字 魂飞湄公河 小猴当侦探

Copyright © 2016 phpStudy |