单独对IE6兼容进行处理的方法揭秘

你对单独对IE6兼容进行处理的方法是否了解，这里和大家分享一下，IE6兼容的***步就是单独对IE进行兼容，你针对IE6所写的代码只影响IE6。

成都一家集口碑和实力的网站建设服务商，拥有专业的企业建站团队和靠谱的建站技术，10多年企业及个人网站建设经验 ,为成都上1000+客户提供网页设计制作,网站开发,企业网站制作建设等服务,包括成都营销型网站建设，品牌网站设计，同时也为不同行业的客户提供做网站、成都网站制作的服务,包括成都电商型网站制作建设,装修行业网站制作建设，传统机械行业网站建设,传统农业行业网站制作建设。在成都做网站,选网站制作建设服务商就选创新互联公司。

单独对IE6兼容进行处理的方法

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

使用IE特有条件注释

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

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

这段文字会在所有浏览器显示
 

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2.  
    3. 
  
  
  
  3.  
    4. 
  
  
  
  4.  
    5. 
  
  
  
  5.  
    6. 
  
  
  
  6.  
    7.

这段文字会在所有浏览器显示

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

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

使用CSS选择器区分开IE6

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

示例：

 
 
 
    
  
  
  
  1.  
    2. 
  
  
  
  2. /*IE6专用*/  
    3. 
  
  
  
  3. .content{color:red;}  
    4. 
  
  
  
  4. /*其他浏览器*/  
    5. 
  
  
  
  5. div>p.content{color:blue;}  
    6. 
  
  
  
  6.  
    7. 
  
  
  
  7.  
    8. 
  
  
  
  8. SomeHeaderTextHere  
    9.
 

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

使用JavaScript区分开IE6

如果你想要使用JavaScript区分开IE6，请看示例：

 
 
 
    
  
  
  
  1. //原生JavaScript  
    2. 
  
  
  
  2. if(typeofdocument.body.style.maxHeight==="undefined"){  
    3. 
  
  
  
  3. alert('IE6Detected');  
    4. 
  
  
  
  4. }  
    5. 
  
  
  
  5. //MooTools（框架）  
    6. 
  
  
  
  6. if(Browser.Engine.trident4){  
    7. 
  
  
  
  7. alert('IE6Detected');  
    8. 
  
  
  
  8. }  
    9. 
  
  
  
  9. //jQuery（框架）  
    10. 
  
  
  
  10. if(($.browser.msie)&&($.browser.version=="6.0")){  
    11. 
  
  
  
  11. alert('IE6Detected');  
    12. 
  
  
  
  12. } 
    13.

译者来源：http://www.vfresh.org/w3c/727

网页名称：单独对IE6兼容进行处理的方法揭秘
转载来源：http://www.shufengxianlan.com/qtweb/news44/408994.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

猜你还喜欢下面的内容

域名注册知识

同城分类信息

四川主机托管　　 　成都服务器租用　　 　乐山石膏隔墙　　 　四川國際商會　　 　专业网站设计　　 　虚拟主机　　 　高端网站设计　　 　成都网站建设　　 　成都网站营销推广　　 　高端网站设计　　 　创新互联重庆　　 　瑞捷酒店用品　　 　百度关键词排名　　 　网站方案　　 　ssl数字证书　　 　店面门头广告　　 　成都营销型网站建设　　 　网站空间　　 　西部信息服务器托管　　 　手机网站建设