Question

我想给div一个带有多个颜色停止的渐变，IE的滤镜属性不支持。任何人都有一个创造性的解决方法来模拟IE中的颜色停止？我已经想过要在彼此旁边创建多个div ......其他什么？

谢谢！

Answer 1

具有协调渐变颜色的多个div是创建3+颜色渐变的最佳方式（不使用图像）。请参阅下面的小提琴进行工作测试：

http://jsfiddle.net/Hauhx/

Answer 2

我建议你使用背景图片作为不支持CSS渐变的浏览器（如Opera和IE）的后备。

Answer 3

或者使用CSS3 PIE。方便。

来自Setting linear gradient's starting and ending position in MSIE 9 and older

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);
}

更新：如果div有一个上边距，那么它似乎取消了它。至少在我的情况下。不知道它是否是两件事的组合。

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

3 个答案: