由于本站的天气预报的图片是png格式的,png在IE7.0之前的版本里不会显示透明,所以只能加了一个js来实现png透明,于是就用到了IE条件注释。(具体可以看本页面源代码 ;))
条件注释只能在windows Internet Explorer(以下简称IE)下使用,因此我们可以通过条件注释来为IE添加特别的指令。
<!--[if IE]>这是Internet Explorer< ![endif]-->
<!--[if IE 5]>这是Internet Explorer 5< ![endif]-->
<!--[if IE 7]>这是Internet Explorer 7< ![endif]-->
<!--[if gte IE 5]>这是Internet Explorer 5 或者更高< ![endif]-->
<!--[if lt IE 6]>这是版小于6的Internet Explorer< ![endif]-->
<!--[if lte IE 5.5]>这是Internet Explorer 5.5或更低< ![endif]-->
注意两个特殊的语法:
gt: 大于
lte: 小于或等于
!IE 感叹号的使用 
[...] 还有一种IE注释方式,可以看这里IE条件注释方式 待续… [...]
[...] BlogAboutArchivesResourcesWeb ColorLinks 我的页面被破坏了,我应该做什么?我的页面被破坏了,我应该做什么? WEBLOGWEBLOG Internet Explorer 7中的层叠样式表兼容性 不知道怎么的就在MSDN上看见了这篇文章,都2007年了,我还是每天在网上闲逛。 在IE 7下,我的页面乱了、内容溢出了,文字重叠了...这些可能是用了IE 7以后,比较多出现的页面问题吧。不知道我的页面在IE 7下是怎么样的,应该不会有溢出的问题把。(希望)顺便推荐一个网站,可以给你返回各种浏览器浏览你网站的效果图片。(Test your web design in different browsers) 继续话题,文章上提到了几点引起这些浏览的问题关键: 1. 处理overflow:visible的默认行为 设置了默认的高度和宽度,在IE 6的年代,内容如果超出范围,高度将会自适应的变化(好似很智能),但是在IE 7下就会有溢出了,如果你必须要制定一个最小的高度或者宽度的话,推荐使用min-height和min-width 2. 由于CSS hacks的改进而导致的错误页面(IE 7对于CSS支持的改进) 一些老的CSS hacks写法,比如用html > body,head + body,head:first-child + body等来区别IE和其他现代浏览器,因为IE 7已经支持以上CSS声明,所以也失效了,必须注意。 关于CSS hacks,可以看看以前的这两篇文章:CSS hacks,IE条件注释方式 [...]