2014-07-08 68 views
1

我已經在我的課.btnDeleteCostEstimate button中指定覆蓋默認背景。在Chrome中,它顯示爲淺灰色。但是,在IE9中,它顯示爲深藍色。爲什麼此按鈕在IE9中顯示爲藍色?

看起來顏色從.BPMButton類由以下屬性來:

background-color: rgb(27, 117, 188) 

誰能告訴我,我能做些什麼來使按鈕出現在IE9出現在Chrome瀏覽器中一樣嗎?

這裏是我的jsfiddle:http://jsfiddle.net/8DL3q/

下面是截圖,你可以看到,有在IE9深藍色的漸變效果,而預期的梯度是淺灰色(如圖鉻):

enter image description here

回答

0

的問題是,我指定我的顏色:

background-image: linear-gradient(bottom, #555 0%, #999 100%); 

其中,IE9解釋爲這樣:

background-image: linear-gradient(bottom, #000555 0%, #000999 100%); 

然而,谷歌鉻解釋爲這(正確):

background-image: linear-gradient(bottom, #555555 0%, #999999 100%); 

所以,要解決它,我只需要c焊割這個和它的作品在這兩種瀏覽器:

background-image: linear-gradient(bottom, #555555 0%, #999999 100%); 

這裏是現在工作在兩個瀏覽器的例子:http://jsfiddle.net/8DL3q/11/

0

嘗試將背景顏色(第4行)更改爲其他顏色。
(變更background-color: #1b75bc;)。
代碼中沒有其他地方提及該顏色(#1B75BC)。

在線25你有 background-image: -ms-linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
IE9不支持漸變:( Gradients in Internet Explorer 9

+0

謝謝,但如果我刪除了這一行似乎並沒有改變任何東西。該按鈕仍然是藍色的。如果我將其更改爲另一種顏色,仍然沒有效果。 – user1477388

+0

究竟是什麼顏色的藍色? (十六進制)。 –

+0

如果你打開它,你可以在IE9中看到它。實際顏色看起來是1B75BC,即rgb(27,117,188)。 – user1477388

0

因爲IE9不支持CSS漸變 - 見caniuse。如果你想使用漸變您可以使用colorzilla

+0

colorzilla實際上幫我找到了我的答案。一旦我輸入#555,我意識到它正在將它轉換爲#000555,這正是IE9正在做的。爲了解決這個問題,我只是指定了完整的十六進制值#555555(按照下面的答案)。謝謝你的幫助。 – user1477388

相關問題