为IE模拟渐变中的色标

Question

我想给div一个带有多个色标的渐变，这是IE的filter属性不支持的。谁有一个创造性的解决办法来模拟IE中的色标？我已经想过创建多个紧邻的div...还要别的吗？

谢谢!

Answer 1

具有协调渐变颜色的多个div是创建3+颜色渐变的最佳方法(不包括使用图像)。请参阅下面的fiddle以获得有效的测试：

http://jsfiddle.net/Hauhx/

Answer 2

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

Answer 3

或者使用CSS3派。简单多了。

来自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有一个上边距，那么它似乎会去掉它。至少对我来说是这样。不知道是不是两件事的结合。