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

Gradient工作得很好，是IE-8,9，Chrome，Mozzila，但它不适用于IE-10。是任何建议或解决方案

Answer 1

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

.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/

渐变不适用于IE-10

3 个答案: