2012-04-26 129 views
0

我發現在IE7和FF的區別在下面的CSS代碼:IE和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的顯示方式不同(看箭頭):

enter image description here

+0

你在Mac/PC上觀看嗎? – jsuissa 2012-04-26 04:29:26

+0

我的環境: Windows 7 Internet Explorer 7 – 2012-04-26 04:38:06

回答

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.... 
+0

屬性'disabled'是否會影響IE7按鈕的樣式?因爲在我看來,這是問題 – 2012-04-29 23:30:01

+0

這與主題無關。你需要接受這個答案(如果它解決了你的問題)並開始一個新的話題。是的,「禁用」屬性會改變你的風格。 – 2012-04-30 10:19:23

+0

然而,這是一個很好的答案,它不能解決我的問題。 – 2012-05-01 01:27:16