IE中的按鈕顏色不會改變。 （背景圖像：線性漸變）

Question

我只是想知道爲什麼在IE瀏覽器中該按鈕是灰色的，然後當你將鼠標懸停在按鈕上時藍色，它應該是藍色，然後當它懸停在它上面會變得更深藍色。

我已經在其他瀏覽器中工作，但我無法弄清IE的代碼。

在此先感謝。

這裏是CSS：

#mc_embed_signup .button { 
background-image: linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 
background-image: -o-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 
background-image: -moz-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 
background-image: -webkit-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130,  180)); 
background-image: -ms-linear-gradient(center top , rgb(95, 176, 244), rgb(70, 130, 180)); 


background-image: -webkit-gradient(
linear, 
left bottom, 
left top, 
color-stop(1, rgb(95, 176, 244)), 
color-stop(1, rgb(70, 130, 180)) 
);} 

這裏是按鈕的HTML：

<input type="submit" value="Subscribe" name="subscribe" id="mc-embedded-subscribe" class="button"> 

它實際上是生活在http://www.housebuyfast.co.uk頁腳。這是「立即加入我們的郵件列表」下的訂閱按鈕。

Answer 1

IE9及更早版本不支持標準的CSS漸變。

IE10確實支持它們，並且你的代碼應該在IE10中正常工作（除非它處於兼容模式）。

如果您需要使用梯度IE9或更早的版本，你有幾種選擇：

1. 使用IE專有-ms-filter風格。事情是這樣的：

   -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#444444', EndColorStr='#999999'); 
   

2. 使用填充工具腳本像CSS3Pie。這將允許標準的CSS漸變在較舊的IE版本中工作。

Answer 2

這是因爲您使用的IE版本不支持漸變。

更多信息在：http://msdn.microsoft.com/en-us/library/cc351024(VS.85).aspx

基本上它之前，不支持IE10，但由於其他海報指出有替代品。

Answer 3

使用CSS3PIE爲使Internet Explorer的6-9能夠呈現幾個最有用的CSS3的裝飾功能的http://css3pie.com/