`
xiao
  • 浏览: 163129 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论
阅读更多

     设计页面的时候,由于各种浏览器版本的兼容性问题,需要为不同的浏览器设计不同的CSS或Javascript,此时就可以用IE Hack来自动识别不同的浏览器并加载不同的设置!

    IE Hack是一段HTML注释代码,但是IE可以识别这些注释,而其他标准浏览器却不识别,会自动跳过这些注释,以此来识别不同的浏览器。其格式为

<!–[if express]>………….<![endif]–>

其中express为版本测试表达式,注释内部是为特定浏览器版本而设定的代码!例如在解决png背景透明bug时所使用的代码,当浏览器版本低于或等于IE6的时候就导入这段CSS代码:

<!--[if lte IE 6]>
<style type="text/css">
       img{behavior: url(iepngfix.htc)}
<style>
<[endif]–>

 

lte:less than or equal to意思是小于或等于

gte: great than or equal to意思是大于或等于

lt:less than 意思是小于

 

常用的IE Hack表达式     

      1. <!–[if !IE]><!–> 除IE外都可识别 <!–<![endif]–>
  2. <!–[if IE]> 所有的IE可识别 <![endif]–>
  3. <!–[if IE 5.0]> 只有IE5.0可以识别 <![endif]–>
  4. <!–[if IE 5]> 仅IE5.0与IE5.5可以识别 <![endif]–>
  5. <!–[if gt IE 5.0]> IE5.0以及IE5.0以上版本都可以识别 <![endif]–>
  6. <!–[if IE 6]> 仅IE6可识别 <![endif]–>
  7. <!–[if lt IE 6]> IE6以及IE6以下版本可识别 <![endif]–>
  8. <!–[if gte IE 6]> IE6以及IE6以上版本可识别 <![endif]–>
  9. <!–[if IE 7]> 仅IE7可识别 <![endif]–>
  10. <!–[if lt IE 7]> IE7以及IE7以下版本可识别 <![endif]–>
  11. <!–[if gte IE 7]> IE7以及IE7以上版本可识别 <![endif]–>

 

 

behavior     版本:IE5+专有属性 继承性:无
 
语法:
 
behavior : url (url) | url (#objID ) | url (#default#behaviorName)
 
参数:
 
url (url) : 使用绝对或相对地址指定DHTML行为组件(.htc)
url (#objID ) : 用二进制实现DHTML行为,#objID为object对象指定的id特性
url (#default#behaviorName) : IE的默认行为。由behaviorName指定
 
说明:
 
设置或检索对象的DHTML行为。
多个行为之间用空格隔开。
关于DHTML行为,请参阅我所编写的其他教程。
对应的脚本特性为behavior。请参阅我编写的其他书目。
 
示例:
 

div { behavior: url(fly.htc) url(shy.htc); }

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics