漸變在IE-10中不起作用

Question

.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上正常工作。 有什么建議或解決方案嗎

Answer 1

MS舊版瀏覽器（7/8/9）可以識別filter指令：

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

對於IE10，您得到了另一個答案

Answer 2

-ms-linear-gradient(top, #00664F, #64A70B); /* IE10 Consumer Preview */ 
linear-gradient(to Bottom,  #00664F,  #64A70B); /* W3C Markup, IE10 Release Preview */ 

Answer 3

使用colorzilla對IE9支持的刻度進行打勾。http://www.colorzilla.com/