hack撰写的日志

CSS Hack – IE注释篇

IE特有注释格式:

  1. <!--[if *condition IE *version]>contend<![endif]-->

*condition 值说明:

gt: greater than,选择条件版本以上版本,不包含条件版本
lt: less than,选择条件版本以下版本,不包含条件版本
gte: greater than or equal,选择条件版本以上版本,包含条件版本
lte : less than or equal,选择条件版本以下版本,包含条件版本

  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]-->

著名的万能float闭合Clearfix Hack

今天在蓝色理想看到了冰极峰关于弹性流体布局的文章时候,自己对流体布局有了一个重新的认识。不过今天在这里整理的是冰极峰同学在代码里面提到的万能float闭合Clearfix Hack。 继续阅读 »