internet-explorer - IE 不使用线性渐变 CSS 渲染元素

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 数据图像，但老实说，我发现最好的结果是使用CSS3Pie polyfill，它允许您使用标准 CSS 代码即使在较旧的 IE 版本中也可以使用渐变。

如果你真的不想使用 CSS3Pie，那么我建议使用网络上众多 CSS Gradient Generator 页面之一来为你创建代码；您需要注意很多警告，让他们为您生成代码比尝试自己拼凑要容易得多。这是您可以使用的一个站点。（虽然还有其他）

Answer 2

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

一个例子：

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