Modernizr не добавляйте префиксы к моим CSS-градиентам

Question

Я пытаюсь использовать Modernizr с градиентами CSS. Я читал, что Modernizr теперь способен добавлять префиксы. Итак, я установил это в моем файле CSS:

background-image: linear-gradient(top, #FFF, #AAA);

И если я понимаю, это должно быть преобразовано в:

background-image: -webkit-linear-gradient(top, #FFF, #AAA); 

Но ничего не происходит и мой градиент не отображается. Это ошибка или я что-то упустил?

Answer 1

Modernizr - это библиотека JavaScript.Это не изменит поведение вашего CSS.Префиксный материал в Modernizr генерирует правильно префиксное имя CSS-свойства, если оно необходимо для браузера, в котором оно работает.Ваш пример кода не имеет JavaScript;это просто CSS;Модернизр не изменит своего поведения.

Answer 2

Modernizr не добавляет префиксы поставщиков. Он проверяет только то, что поддерживает браузер.

Вы можете использовать этот плагин jQuery. https://github.com/codler/jQuery-Css3-Finalize автоматически добавит префиксы поставщиков. Но он имеет ограниченную поддержку линейного градиента.

Answer 3

Я думаю, что вы ищете http://prefixr.com/index.php