我们是否需要过滤器渐变（ filter: progid:DXImageTransform.Microsoft.gradient () for IE 仅作为渐变效果在没有它的情况下在 Firefox 上工作？

Question

我们是否需要过滤器渐变（ filter: progid:DXImageTransform.Microsoft.gradient () for IE only as it work on firefox without it？ 在 css 中设置以下属性给了我在 IE 上正确的渐变效果

 #mainmenu .gradientfilterIE {
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#77D3F8',     endColorstr='#3FA4D8',GradientType=0 );
  }

但是在 Chrome 和 Firefox 上，它也可以在没有它的情况下工作。

这个问题实际上是为什么在 IE 上显示不同的渐变颜色但在 Firefox 和 chrome 上完美工作的延续？

Answer 1

在filter（和-ms-filter）CSS属性是只在Internet Explorer支持。它们是 Microsoft 对 CSS 的扩展，在任何其他浏览器中均不受支持

从版本 9 开始，它们是在 Internet Explorer 中实现渐变的唯一非图像方式（尽管IE 10 应该支持某种形式的 CSS 渐变），因此如果您想要没有图像的渐变，它们在 IE 中是必需的。

（尽管@Jules 指出，IE 9 确实支持 SVG 图像和嵌入的 base-64 编码图像，因此您可以在 IE 9 中使用渐变而无需单独的图像文件）。

请注意，Microsoft 的渐变过滤器比各种 CSS 渐变语法和 SVG 的渐变语法更受限制。