internet-explorer - 在 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/

编辑：渐变是旧的 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;