针对IE的CSS hack 实用

最新推荐文章于 2022-01-12 07:36:59 发布

原创最新推荐文章于 2022-01-12 07:36:59 发布 · 128 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Web #IE #CSS

本文介绍了针对不同版本IE浏览器的CSS Hack方法，包括特定版本、低于某版本及高于某版本的IE识别方式，并提供了示例代码。此外还解释了lt、lte等条件注释的含义。

.all IE{property:value\9;}
.gte IE 8{property:value\0;}
.lte IE 7{*property:value;}
.IE 8/9{property:value\0;}
.IE 9{property:value\9\0;}
.IE 7{+property:value;}
.IE 6{_property:value;}
.not IE{property//:value;}

IE 5 以上版本识别：<!--[if IE]>  …   <![endif]-->
仅某一版本 IE 可以识别：<!--[if IE 6]>   …  <![endif]-->
低于某一版本 IE 可以识别：<!--[if lt IE 7]>  …  <![endif]-->
低于或等于某一版本 IE 可以识别：<!--[if lte IE 7]>  …  <![endif]-->
高于某一版本 IE 可以识别：<!--[if gt IE 7]>  …  <![endif]-->
高于或等于某一版本 IE 可以识别：<!--[if gte IE 7]>  …  <![endif]-->
非 IE 可以识别(不建议使用)：<!--[if !IE]>   …  <!--<![endif]-->

lte：就是Less than or equal to的简写，也就是小于或等于的意思。
lt ：就是Less than的简写，也就是小于的意思。
gte：就是Greater than or equal to的简写，也就是大于或等于的意思。
gt ：就是Greater than的简写，也就是大于的意思。
!  ：就是不等于的意思，跟javascript里的不等于判断符相同