-1 
.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;
}

Gradient 在 IE-8,9,Chrome,Mozzila 中运行良好，但在 IE-10 中无法运行。有什么建议或解决方案吗

4

3 回答 3

2

MS 旧浏览器 (7/8/9) 识别过滤器指令：

.for-ms-only{filter: progid:DXImageTransform.Microsoft.gradient(enabled='false',
        startColorstr=#550000FF, endColorstr=#55FFFF00)}

而对于 IE10，你得到了另一个答案

于 2013-11-08T09:05:05.807 回答
1 
-ms-linear-gradient(top, #00664F, #64A70B); /* IE10 Consumer Preview */ 
linear-gradient(to Bottom,  #00664F,  #64A70B); /* W3C Markup, IE10 Release Preview */
于 2013-11-08T09:03:58.817 回答
0

使用 colorzilla 制作渐变，勾选 IE9 支持 http://www.colorzilla.com/

于 2013-11-08T10:37:56.973 回答