让线性渐变在 IE 8 上工作答案

【问题标题】：Getting linear gradients to work on IE 8让线性渐变在 IE 8 上工作
【发布时间】：2012-02-26 18:02:37
【问题描述】：

body {
    /* Mozilla Firefox */ 
    background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%);
    /* IE10 */ 
    background-image: linear-gradient(bottom, #FFFFFF 0%, #5EB9FF 100%);
}

上面的代码在 Firefox 和 Internet Explorer 10 上运行良好，但在 IE 8 上都不能运行。

现在你能告诉我如何使这段代码在 Internet Explorer 8 中工作吗？

【问题讨论】：

标签： internet-explorer css linear-gradients

【解决方案1】：

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB9FF', endColorstr='#FFFFFF');

注意：前面的规则是一个完整的规则。不要不要以这种方式使用它：~~background: filter: ....;~~！

另请参阅：CSS3 cross browser linear gradient

【讨论】：

感谢 Rob W 的回复。我试过这个 - background-image:-ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5EB9FF', endColorstr='#FFFFFF');但它不工作。通常我想在背景中看到蓝色和白色的组合，但在 IE 8 中它显示的是灰色。谢谢
@black_belt 不要不要使用background: filter:...。我的答案包含了整个规则，并且我已经成功地对其进行了测试。使用filter:jsfiddle.net/3aFs7/1 和使用-ms-filter:jsfiddle.net/3aFs7/2。
非常感谢。它现在完美运行。 :) 再次感谢 Rob W .:)