为什么colorzilla渐变不能在IE中运行?

时间:2011-10-18 15:44:54

标签: css internet-explorer css3 internet-explorer-9 gradient

我一直在使用colorzila工具生成一些css渐变。除了IE9,它们在我测试的所有浏览器中工作;尚未尝试其他IE的。 他们的UI上有一个IE复选框。当我将其设置为on时,渐变样本不再具有渐变;它默认为基本纯色。

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

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

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

2 个答案:

答案 0 :(得分:3)

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

它比filter更容易使用,也更容易在代码中维护。它适用于所有版本的IE,而且它也可以为其他一些CSS功能提供相同的技巧,例如border-radius

此外,我会指出您的代码段中的注释不正确 - 您的代码段显示为“IE6-9”,但实际上IE9中已停止使用filter样式,以支持标准CSS语法。

不幸的是,这对你来说是个问题,因为IE9也不支持标准的CSS渐变。他们带走了一些有用的东西(有点)并用......替换它(在这种情况下)。

幸运的是,即使在IE9中,CSS3Pie也允许渐变,因此它可以解决您的问题。

希望有所帮助。

答案 1 :(得分:1)

他们在css下面有一个名为

的按钮

IE9支持(?)

确保检查是否按照显示的说明进行操作。