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- 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;
    色: #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 {
    background: url("../images/button/btn_var_bg.gif") no-repeat scroll left 0 transparent;
    表示ブロック;
    パディング: 2px 8px 4px 12px;
}
button.css (111 行目)
a.button-unfixed-def # から継承
.list-common-wrapper .button-unfixed .button-unfixed-normal[無効]、#id-chart-editor-active-event .button-unfixed .button-unfixed-normal[無効]、#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-normal {
    色: #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 に答える