почему градиенты colorzilla не работают в IE?

Question

Я использовал инструмент colorzila для создания некоторых градиентов CSS.Они работают во всех браузерах, которые я тестирую в save для IE9;еще не пробовал другие IE.У них есть флажок IE на их интерфейсе.Когда я включаю его, образец градиента больше не имеет градиента;по умолчанию используется базовый однотонный цвет.

Я думал, что это должно работать в IE, поскольку они включают следующую функцию CSS

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#221f1f', endColorstr='#221f1f',GradientType=1 ); /* IE6-9 */

http://www.colorzilla.com/gradient-editor/#_

Answer 1

Я предлагаю отбросить эти ужасные filter стили. Существует гораздо более простое и совместимое решение. CSS3Pie - это библиотека, которая позволяет IE использовать стандартный синтаксис CSS-градиента.

Его гораздо проще использовать, чем filter, и легче поддерживать в вашем коде. Он работает во всех версиях IE, и, кроме того, он делает то же самое для некоторых других функций CSS, таких как border-radius.

Кроме того, я хотел бы отметить, что комментарий в вашем фрагменте кода некорректен - ваш фрагмент говорит "IE6-9", но на самом деле стиль filter в IE9 более не поддерживается, в пользу стандартного синтаксиса CSS .

К сожалению, это проблема для вас, так как IE9 также не поддерживает стандартные CSS-градиенты. Они забрали что-то, что сработало (вроде), и заменили это ... ничем (в данном случае).

К счастью, CSS3Pie допускает градиенты, даже в IE9, так что это решение вашей проблемы.

Надеюсь, это поможет.

Answer 2

У них есть кнопка под CSS, называемая

Поддержка IE9 (?)

Убедитесь, что вы проверяете, что и следуют инструкциям, которыепоявляются.