2012-07-11 46 views
2

-moz-线性渐变我有一个有产权的风格,显示除了IE替代在IE

深黄色在所有浏览器
backgroud: -moz-linear-gradient(center top , #FDE37A, #FFCC01) repeat scroll 0 0 transparent 

但在IE中显示,颜色为粉红色

是他们在IE中的任何替代莫兹线性渐变?

感谢

+0

没有,它不应该在IE粉红色或*所有浏览器暗黄色*。你没有向我们展示实际的代码。 – BoltClock 2012-07-11 06:35:29

+0

什么是“所有浏览器”? '-moz'只能在Firefox中正常工作。你必须在其他地方有其他的背景风格声明。 – jfrej 2012-07-11 07:07:34

+0

我使用IE8,它不能正常工作,但我不知道它对所有的工作都很好,例如Chrome Safari等 – Suleman 2012-07-11 07:08:47

回答

3

尝试此IE,

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

可以生成跨浏览器的梯度使用下面的链接,

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

+0

完美工作(Y)谢谢 – Suleman 2012-07-11 07:10:38

1

对于IE浏览器,你应该使用-ms-前缀;在这种情况下,您的代码如下所示:-ms-linear-gradient(center top , #FDE37A, #FFCC01) repeat scroll 0 0 transparent。只要考虑到IE8和旧版本几乎不支持CSS3,并且IE9的支持是有限的;然而,渐变应该工作。你测试了哪个版本的IE?

+3

我非常怀疑IE的前缀是'-ie-'。 – BoltClock 2012-07-11 06:50:47

+0

这通常是-ms- – 2012-07-11 06:51:43

+0

我的不好。将“-ie-”更正为“-ms-”。 – Jules 2012-07-11 07:00:36

1

对于IE浏览器的梯度和多背景使用CSS3 PIE背景 http://css3pie.com/documentation/supported-css3-features/

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

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

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;