XP系统下IE7与IE8的兼容性规则冲突解决

来源：互联网发布：java类对象实例编辑：程序博客网时间：2024/06/11 00:20

坑货IE啊，开发的过程中被迫不得不寻求各种奇葩HACK方式。这次IE8和IE7又杠上了，规则总是冲突。为此想出以下这套方案兼容各版本。给位放心的去用吧。

css代码

.no-pd .header_search .sub_yellow {
    background: url("../../images/b-search.png") no-repeat 0 0;
    width: 58px;
    height: 28px;
    position: absolute;
    right: 0;
    top: 2px; /* 结合下面的媒体查询，剩下的低版本ie7-8*/

    _top:1px; /*ie6*/
}
/*>ie9 and chrome*/
@media screen and (min-width:0px) {
    .no-pd .header_search .sub_yellow{
        top:0;
    }
}

汇总下IE各版本的css hack。

hack示例IE6(S)IE6(Q)IE7(S)IE7(Q)IE8(S)IE8(Q)**colorYesYesYesYesNoYes++colorYesYesYesYesNoYes--colorYesYesNoNoNoNo__colorYesYesNoYesNoYes##colorYesYesYesYesNoYes\0color\0NoNoNoNoYesNo\9color\9YesYesYesYesYesYes!importantcolor:blue !important;
color:green;NoNoYesNoYesNo

标准模式中：

1，减号(-)是IE6专有hack

2，反斜杠零(\0)是IE8专有hack

0 0