internet-explorer - 为什么 colorzilla 渐变在 IE 中不起作用？

Question

我一直在使用 colorzila 工具生成一些 css 渐变。它们适用于我测试过的所有浏览器，除了 IE9；还没有尝试过其他 IE 的呢。他们的用户界面上有一个 IE 复选框。当我将其设置为on时，渐变样本不再具有渐变；它默认为基础纯色。

我认为它应该在 IE 中工作，因为它们确实包含以下 css 函数

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221f1f', endColorstr='#221f1f',GradientType=1 ); /* IE6-9 */

http://www.colorzilla.com/gradient-editor/#_

Answer 1

我建议放弃那些可怕的 filter 样式。有一个更简单、更兼容的解决方案可用。 CSS3Pie是一个允许 IE 使用标准 CSS 渐变语法的库。

它比 filter 更容易使用，也更容易在您的代码中维护。它适用于所有版本的 IE，此外，它还对一些其他 CSS 功能(例如 border-radius)执行相同的操作。

此外，我要指出的是，您的代码片段中的注释不正确——您的代码片段显示为“IE6-9”，但实际上 filter 样式已在 IE9 中停用，在支持标准 CSS 语法。

不幸的是，这对您来说是个问题，因为 IE9 也不支持标准的 CSS 渐变。他们拿走了一些有用的东西(有点)并用......什么都没有(在这种情况下)取而代之。

幸运的是，CSS3Pie 允许渐变，即使在 IE9 中也是如此，因此它是您问题的解决方案。

希望对您有所帮助。