Градиент не работает в IE-10

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

Градиент работает отлично, IE-8,9, Chrome, Mozzila, но он не работает в IE-10. любое предложение или решение для негоГрадиент не работает в IE-10

источник

2013-11-08 user2142786

Попробуйте переформатировать свой CSS, чтобы мы могли ee это без необходимости прокручивать это долго. И решения, которые появляются в Google при поиске «gradient ie10», даже не реализованы, поэтому .. – pduersteler

Я рекомендую использовать Colorzilla: http://www.colorzilla.com/gradient-editor/, который будет сортировать вашу проблему. – jackJoe

MS старых браузеров (7/8/9) распознает директиву фильтра:

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

и IE10 вы получили другой ответ

источник

2013-11-08 09:05:05

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

источник

2013-11-08 09:03:58 Andy1210

Использования colorzilla, чтобы сделать ваши градиенты с тиканием для поддержки IE9. http://www.colorzilla.com/

источник

2013-11-08 10:37:56

Градиент не работает в IE-10

ответ

Смежные вопросы