Блог

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

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

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

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

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

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

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

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

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

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

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

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

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