IE 9 Градиент CSS с фоном не работает

Question

Я использую этот код, он отлично работает в Chrome и Firefox, но не в IE9. и в соответствии с этой страницы Multiple background и background-size поддерживается в IE9

span.select { 
    position: absolute; 
    bottom: 0; 
    float: left; 
    left: 0; 
    line-height: 1; 
    text-indent: 10px; 
    background: #ffffff; 
    background: url(../img/color-arrow.png) no-repeat, linear-gradient(top, #ffffff 0%,#a9a9a9 100%); 
    cursor: default; 
    z-index: 1; 
    border: #dadada 1px solid; 
    border-radius: 4px; 
    background-position: 100% center; 
    background-size: 1.5em 0.6em, 100% 100%; 
    text-shadow: 0px 1px 1px #fff; 
    white-space: nowrap } 

Я использую несколько фоновых и фона Изменение размера в нем

Answer 1

IE9 Doesn't support gradients. IE10 supports them unprefixed. Однако IE9 реализовал SVG.

Я бы рекомендовал использовать colorzilla's gradient editor. Чтобы использовать SVG в качестве резервной копии, просто установите флажок «Поддержка IE9».

Если вам действительно нужны градиенты в IE8 (что вам не нужно, потому что они должны использоваться только для прогрессивного улучшения), вы можете использовать IE's proprietary filter property, но будьте осторожны, потому что это очень плохо.

Answer 2

IE9 поддерживает несколько фона изображения, но не соединение нескольких элементов фона. Ваша проблема - изображение и градиент.

Кроме того, -ms- не делает ничего для совместимости CSS с любым свойством.