任鸟飞网站设计博客

IE6因众多BUG而广受诟病，其对CSS和HTML代码的解析“独树一帜”。IE6本应该寿终正寝，但由于Windows XP依然占据主流，绝大多数用户都会用到Windows XP绑定的IE6，因此在编写CSS代码时要考虑到对IE6的兼容性。

先看一下主流浏览器对 _  *  !important 的支持情况

我们可以利用上面的差异，单独针对IE6编写相应的CSS代码。

符号功能解释：

• _（下划线）：只有只有IE6支持
• *（星号）：只有IE6和IE7支持
• !important：此行定义的属性值不会被后续定义覆盖，拥有最高优先级，IE7以上版本都会支持此属性。

知道_ * !important这三个符号的意义后，就可以编写单独针对IE6的CSS样式代码。

注：在CSS定义中，如果对某一属性有重复定义，则后面定义的属性值会覆盖前面的定义。

实例一 在IE6中使用GIF代替PNG

#logo {
background-image: url(logo.png); /*除IE6和IE7之外，其他浏览器都会使用PNG格式*/
background-repeat: no-repeat;
height: 80px;
width: 290px;
text-indent: -9999px;
}
/*使用 星号 */
* #logo {
background-image: url(logo.gif);  /*在IE6和IE7中，使用GIF图像格式代替PNG*/
}

实例二 兼容IE6的最小高度 min-height 设置方法

.box-min-height {
  min-height:550px;
  height:auto !important;  /*IE6 不支持!important，因此会忽略掉本行*/
  height:550px;
}