Question

如果你在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);
}

Answer 1

使用IE9-，background:linear-gradient或特定于供应商的语法将无效，因为这是CSS3，您需要使用他们的老式专有语法：

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

将其放在该按钮的CSS分配的底部，您应该是安全的。如果您仍然没有看到它，请添加：

zoom:1;

对于非阻挡物品，有时梯度需要这样做。

IE 8和9以及CSS Gradient问题

1 个答案: