css - IE 8和9以及CSS渐变问题

如果您在IE 8或9上转到http://www.aerlawgroup.com，您会看到CTA按钮显示为怪异的红色，而不是预期的橙色渐变。

有谁知道如何修复它以使其按预期呈现？谢谢。

   .button2 {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 8px 24px;
    border: 1px solid #a56317;
    border-radius: 1px;
    background: #992828;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb14a), to(#c76e08));
    background: -moz-linear-gradient(top, #ffb14a, #c76e08);
    background: linear-gradient(to bottom, #ffb14a, #c76e08);
    text-shadow: #764711 1px 1px 1px;
    font: normal normal bold 18px arial;
    color: #ffffff;
    text-decoration: none;
    /*top: 248px;
    left: 97px;*/
}
.button2:hover,
.button2:focus {
    border: 1px solid #ec8d21;
    background: #992828;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffd459), to(#ef840a));
    background: -moz-linear-gradient(top, #ffd459, #ef840a);
    background: linear-gradient(to bottom, #ffd459, #ef840a);
    color: #ffffff;
    text-decoration: none;
}
.button2:active {
    background: #982727;
    background: -webkit-gradient(linear, left top, left bottom, from(#996a2c), to(#c76e08));
    background: -moz-linear-gradient(top, #996a2c, #c76e08);
    background: linear-gradient(to bottom, #996a2c, #c76e08);
}

最佳答案

使用IE9，background:linear-gradient或特定于供应商的语法将不起作用，因为那是CSS3，您需要使用其老式的专有语法：

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffb14a', endColorstr='#c76e08',GradientType=0 );

将其放在该按钮的CSS分配的底部，您应该很安全。如果仍然看不到，请添加以下内容：

zoom:1;

对于非块状项目，有时需要使梯度生效。

关于css - IE 8和9以及CSS渐变问题，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20871631/