为什么这个按钮在IE9中显示为蓝色？

Question

我在班级.btnDeleteCostEstimate button中指定覆盖默认背景。在Chrome中，它显示为浅灰色。但是，在IE9中，它显示为深蓝色。

以下属性看起来颜色来自.BPMButton类：

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

任何人都可以告诉我，我可以做些什么让IE9中的按钮与Chrome中显示的相同？

这是我的jsfiddle：http://jsfiddle.net/8DL3q/

这是截图，如您所见，IE9中有深蓝色渐变效果，而预期渐变为浅灰色（如Chrome中所示）：

Answer 1

尝试将背景颜色（第4行）更改为其他颜色 （改变background-color: #1b75bc;） 代码中没有其他地方可以引用该颜色（＃1B75BC）。

你在第25行 background-image: -ms-linear-gradient(bottom, #124B80 0%, #1B76BC 100%);
IE9不支持渐变：（Gradients in Internet Explorer 9）

Answer 2

因为IE9不支持CSS Gradients - 请参阅caniuse。如果您想使用渐变，可以使用colorzilla

Answer 3

问题是，我将我的颜色指定为：

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%);

所以，为了解决这个问题，我只需要改为使用它，它可以在两种浏览器中运行：

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

以下示例现在适用于两种浏览器：http://jsfiddle.net/8DL3q/11/