Css 在IE的渐变中模拟颜色停止

Css 在IE的渐变中模拟颜色停止,css,internet-explorer,filter,gradient,Css,Internet Explorer,Filter,Gradient,我想给一个div一个有多个颜色停止的渐变,IE的过滤器属性不支持。有人有创造性的方法来模拟IE中的颜色停止吗? 我已经想过要创建多个相邻的div。。。还有别的吗 谢谢 使用协调渐变颜色的多个div是创建3+颜色渐变的最佳方式(不使用图像)。有关工作测试,请参见下面的fiddle: 我建议您使用背景图像作为不支持CSS渐变的浏览器(如Opera和IE)的后备。或使用CSS3 PIE。很简单 从 更新:如果div有一个最高利润率,那么它似乎会取消它。至少对我来说是这样。我不知道这是否是两件事的结合。

我想给一个div一个有多个颜色停止的渐变,IE的过滤器属性不支持。有人有创造性的方法来模拟IE中的颜色停止吗? 我已经想过要创建多个相邻的div。。。还有别的吗


谢谢

使用协调渐变颜色的多个div是创建3+颜色渐变的最佳方式(不使用图像)。有关工作测试,请参见下面的fiddle:


我建议您使用背景图像作为不支持CSS渐变的浏览器(如Opera和IE)的后备。

或使用CSS3 PIE。很简单


更新:如果div有一个最高利润率,那么它似乎会取消它。至少对我来说是这样。我不知道这是否是两件事的结合。

我认为多个div和协调的渐变颜色是创建3+颜色渐变的最佳方式(除了使用图像之外)。@Julian,你不妨添加这个作为答案。你看过了吗?这是一个让IE能够使用标准CSS渐变的技巧。不确定它是否满足您的需要,但它肯定比那些可怕的
过滤器
属性更容易管理。@Spudley-PIE看起来很棒,它只为IE下载,这是一个真正的优点,不会降低已经很现代的浏览器的速度。不幸的是,它还不能容纳多个gradients@esther哦,好吧。在这种情况下,我会使用其他地方建议的多个
解决方案。但也许对它们使用相同的PIE(也可能在PIE论坛上发布多个渐变作为功能请求)。
div {
    background-image: -moz-linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);

    -pie-background: linear-gradient(360deg,rgb(255,255,255) 25% ,rgb(241,123,25) 75%);
behavior: url(/PIE.htc);
}