[英]Gradient is not working in IE-10
.button button {
background: linear-gradient(0 Bottom, #00664F, #64A70B);
background: -ms-linear-gradient(0 Bottom, #00664F, #64A70B);
background: -webkit-gradient(linear,0 Bottom, Left Top, from(#00664F), to(#64A70B));
background: -moz-linear-gradient(73px Bottom, #00664F, #64A70B);filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00664F, endColorstr=#64A70B)
-ms-filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#00664F, endColorstr=#64A70B)
position:relative;
border: medium none;
}
渐变可以在IE-8,9,Chrome,Mozzila上正常工作,但不能在IE-10上正常工作。 有什么建议或解决方案吗
MS旧版浏览器(7/8/9)可以识别filter指令:
.for-ms-only{filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',
startColorstr=#550000FF, endColorstr=#55FFFF00)}
对于IE10,您得到了另一个答案
-ms-linear-gradient(top, #00664F, #64A70B); /* IE10 Consumer Preview */
linear-gradient(to Bottom, #00664F, #64A70B); /* W3C Markup, IE10 Release Preview */
使用colorzilla对IE9支持的刻度进行打勾。http://www.colorzilla.com/
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.