IE和FF之间的差异。颜色

Question

我在以下CSS代码中找到了IE7和FF的区别：

.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled] .button-background, #id-chart-editor-active-event .button-unfixed .button-unfixed-normal[disabled] .button-background, .three-lists .button-unfixed .button-unfixed-normal[disabled] .button-background {
    background: url("../images/button/btn_var_bg.gif") no-repeat scroll left -120px transparent;
    color: #777777;
    cursor: default;
    text-decoration: none;
}
list.css (line 122)
.list-common-wrapper .button-unfixed .button-unfixed-normal .button-background, #id-chart-editor-active-event .button-unfixed .button-unfixed-normal .button-background, #id-profile-editor-move-attributes-buttons .button-unfixed .button-unfixed-normal .button-background {
    color: #333333;
    cursor: pointer;
}
list.css (line 132)
.button-unfixed-normal .button-background {
    background: url("../images/button/btn_var_bg.gif") no-repeat scroll left 0 transparent;
    display: block;
    padding: 2px 8px 4px 12px;
}
button.css (line 111)
Inherited froma.button-unfixed-def #
.list-common-wrapper .button-unfixed .button-unfixed-normal[disabled], #id-chart-editor-active-event .button-unfixed .button-unfixed-normal[disabled], #id-profile-editor-move-attributes-buttons .button-unfixed .button-unfixed-normal[disabled] {
    color: #777777;
    cursor: default;
    text-decoration: none;
}
list.css (line 142)
.list-common-wrapper .button-unfixed .button-unfixed-def {
    font-size: 12px;
    line-height: 130%;
}
list.css (line 163)
.button-unfixed .button-unfixed-normal {
    color: #333333;
    text-decoration: none;
}
button.css (line 104)
.button-unfixed .button-unfixed-def {
    cursor: default;
    font-size: 12px;
    line-height: 130%;
}
button.css (line 93)
a {
    color: #175DB5;
    text-decoration: underline;
}

它显示颜色＃777777在IE7和FF中的显示方式不同（请看箭头）：

Answer 1

由于附加了背景图像，您可能会看到差异。

对于IE7 - 它根本不支持背景的速记属性。 http://www.w3schools.com/cssref/css3_pr_background.asp

这需要改变

background: url("../images/button/btn_var_bg.gif") no-repeat scroll left -120px transparent;

为：

background-image: url('../images/button/btn_var_bg.gif');
background-repeat: no-repeat;
...and so on....