0

我只是想知道为什么在 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的页脚中。这是“立即加入我们的邮件列表”下的订阅按钮。

4

3 回答 3

2

IE9 及更早版本不支持标准 CSS 渐变。

IE10 确实支持它们，并且您的代码在 IE10 中应该可以正常工作（除非它处于兼容模式）。

如果您需要在 IE9 或更早版本中使用渐变，您有几个选择：

  1. 使用 IE 的专有-ms-filter风格。像这样的东西：

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

  2. 使用像CSS3Pie这样的 polyfill 脚本。这将允许标准 CSS 渐变在较旧的 IE 版本中工作。

于 2013-05-29T18:41:10.980 回答
0

这是因为您使用的 IE 版本不支持渐变。

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

基本上直到 IE10 才支持它，但正如其他海报指出的那样，还有其他选择。

于 2013-05-29T18:40:54.460 回答
0

使用 CSS3PIE 使 Internet Explorer 6-9 能够呈现几个最有用的 CSS3 装饰功能http://css3pie.com/

于 2013-05-30T09:05:35.017 回答