Question

#botton{        

        background: linear-gradient(top, #6de37d 0%, #68d574 100%);
        background: -webkit-linear-gradient(top, #6de37d 0%, #68d574 100%);
        background: -moz-linear-gradient(top, #6de37d 0%, #68d574 100%);
        }

IE 9只是没有显示这个元素。我找到了IE 10的解决方案，但有什么我可以在这里做的吗？

我如何只为具有非渐变背景的IE编写此按钮的CSS？

Answer 1

IE9不支持CSS渐变;该功能仅在IE10中引入。

有许多涉及-ms-filter样式或CSS代码中嵌入的SVG数据图像的解决方法，但说实话，我发现最好的结果来自使用{{3} polyfill，它允许您使用标准CSS代码进行渐变，即使在较旧的IE版本中也是如此。

如果您真的不想使用CSS3Pie，那么我建议您使用Web上的众多CSS Gradient Generator页面中的一个来为您创建代码;你需要注意很多注意事项，让它们为你生成代码而不是试图将它们拼凑在一起要容易得多。 CSS3Pie。（虽然还有其他人）

Answer 2

这将为IE添加渐变。 IE9不支持线性渐变。

一个例子：

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr='#6de37d', endColorstr='#68d574'); /* for IE */

IE不会使用线性渐变CSS渲染元素

2 个答案: