0

我在下面的 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-背景，.three-lists .button-unfixed .button-unfixed-normal[disabled] .button-background {
    背景： url("../images/button/btn_var_bg.gif") 不重复向左滚动 -120px 透明；
    颜色：#777777；
    光标：默认；
    文字装饰：无；
}
list.css（第 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 {
    颜色：#333333；
    光标：指针；
}
list.css（第 132 行）
.button-unfixed-normal .button-background {
    背景： url("../images/button/btn_var_bg.gif") 无重复向左滚动 0 透明；
    显示：块；
    填充：2px 8px 4px 12px；
}
button.css（第 111 行）
继承自a.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] {
    颜色：#777777；
    光标：默认；
    文字装饰：无；
}
list.css（第 142 行）
.list-common-wrapper .button-unfixed .button-unfixed-def {
    字体大小：12px；
    行高：130%；
}
list.css（第 163 行）
.button-unfixed .button-unfixed-正常 {
    颜色：#333333；
    文字装饰：无；
}
button.css（第 104 行）
.button-unfixed .button-unfixed-def {
    光标：默认；
    字体大小：12px；
    行高：130%；
}
button.css（第 93 行）
一个 {
    颜色：#175DB5；
    文字装饰：下划线；
}

它表明颜色 #777777 在 IE7 和 FF 中显示不同（看箭头）：

在此处输入图像描述

4

1 回答 1

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....
于 2012-04-26T19:50:45.360 回答