IE中-moz-linear-gradient的替代方案

Question

我有一个样式，除IE之外的所有浏览器都显示深黄色。

backgroud: -moz-linear-gradient(center top , #FDE37A, #FFCC01) repeat scroll 0 0 transparent

但在IE中，它显示颜色为粉红色

他们是否可以选择IE中的moz-linear-gradient？

由于

Answer 1

尝试使用IE，

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FDE37A', endColorstr='#FFCC01',GradientType=0 );

您可以使用以下链接

生成跨浏览器渐变

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

Answer 2

对于IE，您应该使用-ms-前缀;在这种情况下，您的代码将如下所示：-ms-linear-gradient(center top , #FDE37A, #FFCC01) repeat scroll 0 0 transparent。只要考虑到IE8和旧版本几乎没有支持CSS3，IE9的支持是有限的;但是，渐变应该有效。您正在测试哪个版本的IE？

Answer 3

对于IE浏览器中的渐变和多个背景，使用 CSS3 PIE背景 http://css3pie.com/documentation/supported-css3-features/

对于IE9使用 - http://www.colorzilla.com/gradient-editor/

编辑： 渐变是CSS3功能旧的IE浏览器不支持它。如果您正在使用

backgroud: -moz-linear-gradient(center top , #FDE37A, #FFCC01) repeat scroll 0 0 transparent

将其添加为 -

background: yellow; //IE8 and 7 will to refer this property    
backgroud: -moz-linear-gradient(center top , #FDE37A, #FFCC01) repeat scroll 0 0 transparent;