internet-explorer - 是否有适用于 IE9 及以下版本的 CSS 'filter' 的 CSS 渐变替代方案？ (那不是 JS 或插件)

Question

我正在寻找任何替代方法来生成垂直线性渐变(两种颜色)，从顶部的深色开始，逐渐过渡到底部的浅色。

这些方法适用于 IE9 和 IE8。

碰巧，我尝试了 CSS 属性 filter，但无济于事。它似乎不想在 IE9 或更低版本中工作，无论如何我都希望使用不同的方法。

我试过 ColorZilla 的渐变生成器，它也提供了 SVG 方法，但我不知道从哪里开始，因为它只是一个随机的字母数字字符串，我无法理解。

请让我强调一下，我不想要任何形式的 JS/jQuery 方法或任何类型的插件，因为我试图让我的 UI 对那些禁用脚本的人保持友好。

我只是在寻找任何其他可以使用的 CSS 方法？

谢谢，迪伦。

编辑

Here是问题的活生生的例子。面包屑导航当前位置的渐变不会出现在 IE9 或以下版本中。

Answer 1

以下是 IE6-IE9 中渐变的正确 CSS。

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#4096ee',GradientType=0 );

没有真正的替代方案 - 这就是它的正确 CSS。

如果您遇到困难，请使用在线生成器，例如: http://gradients.glrzad.com/ http://www.colorzilla.com/gradient-editor/

您不需要 SVG 方法，它仅适用于多点渐变。对于您需要的简单渐变(从浅到深，从上到下)，生成器将非常适合您。