常用的IE Hack

     设计页面的时候,由于各种浏览器版本的兼容性问题,需要为不同的浏览器设计不同的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]–>

发布了34 篇原创文章 · 获赞 1 · 访问量 15万+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章