Css 过滤器：progid:DXImageTransform.Microsoft.gradient的替代品是什么

为了在Internet Explorer中创建渐变，我在CSS（CSS3）文件中使用了以下内容：

filter: progid:DXImageTransform.Microsoft.gradient

比如说

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#C4D5FB', endColorstr='#DAE6FB'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#C4D5FB), to(#DAE6FB)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #C4D5FB,  #DAE6FB); /* for firefox 3.6+ */

我刚刚读到，自从InternetExplorer9以来，它就被弃用了，但仍然可以工作。 使用它安全吗？有替代品吗

根据：

使用它是安全的：

像Ultimate CSS Gradient Generator这样的工具可以生成可爱的CSS3渐变所需的代码，并为传统的Internet Explorer提供一个回退选项（使用上面提到的渐变过滤器）

多谢各位

试试这个网站

选中IE9支持框。它将为您提供一个SVG解决方案

试试这个网站

---

选中IE9支持框。它将为您提供一个SVG解决方案

您可以使用“框阴影”的插图绕过渐变。我有这个问题，就是不能让它工作。所以我看了这篇文章。这对我很有用

这是我在项目中使用的代码

border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .2), 0px 0px 3px rgba(0, 0, 0, .1), inset 0px 5px 12px #930, inset 0px 15px 2px rgba(240, 150, 69, .5),inset 0px 25px 25px #930;

---

您可以使用“长方体阴影”的插图绕过渐变。我有这个问题，就是不能让它工作。所以我看了这篇文章。这对我很有用

这是我在项目中使用的代码

border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
box-shadow: 3px 3px 6px rgba(0, 0, 0, .2), 0px 0px 3px rgba(0, 0, 0, .1), inset 0px 5px 12px #930, inset 0px 15px 2px rgba(240, 150, 69, .5),inset 0px 25px 25px #930;

---

可能重复？我无法理解继续使用过滤器是否有风险。我应该处理图像吗？可能重复？我无法理解继续使用过滤器是否有风险。我应该使用图像吗？SVG的问题是，我需要为每个具有渐变的元素添加if-else语句：以便进一步阅读，关于哪些前缀值得包含的有趣内容：SVG的问题是，我需要为每个具有渐变的元素添加if-else语句：以便进一步阅读，有趣的是，哪些前缀值得包括：