2

我在 IE9 中有以下提交按钮：

我的提交按钮

我使用的 CSS 如下：

.button,
input[type='button'],
input[type='submit'] {
    text-decoration: none;
    background: #eee;
    color: #89a9d1;
    padding: 4px 10px;
    font-weight: bold;

    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fff', endColorstr='#eee')";
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
    background: -moz-linear-gradient(top,  #fff,  #eee);
}

根据我在此页面上的了解：http: //www.colorzilla.com/gradient-editor/这应该可以工作......我无法弄清楚蓝色来自哪里。如果我取消选择影响此元素的所有样式，使用 IE 开发人员工具栏它仍然显示看起来像我附加的图像。

有人对可能导致这种情况的原因有任何建议吗？

4

1 回答 1

3

ColorZilla 不会生成具有三位十六进制颜色值的渐变，因为它们在 IE 的过滤器中的解释不同（事实上，我认为它们是无效的颜色字符串）。您的代码中的这种差异导致您的渐变在 IE 中显示为蓝色。

您需要将十六进制颜色扩展到六位数字才能正确解释：

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#eeeeee')";
于 2012-07-15T15:37:41.760 回答