Пример CSS:
background-image: -moz-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: -ms-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: -o-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: -webkit-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: linear-gradient(90deg, #e8f0ff, #ffffff);
Это привело к линейному градиенту, идущему от #e8f0ff
внизу, до #fff
вверху.
Post-Firefox 16 (выпущенный несколько дней назад), теперь градиент идет от #e8f0ff
слева, до #fff
справа.
Когда я удаляю специфический для поставщика CSS и оставляю только:
background-image: linear-gradient(90deg, #e8f0ff, #ffffff);
Ничего не происходит. Но когда я удаляю эту строку и оставляю только специфические для вендора стили:
background-image: -moz-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: -ms-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: -o-linear-gradient(90deg, #e8f0ff, #ffffff);
background-image: -webkit-linear-gradient(90deg, #e8f0ff, #ffffff);
Он исправляет проблему.
Итак, что здесь происходит в FF16? Значения Xdeg
, начиная с нового направления, объединяются ли они только в определенных ситуациях? Я не могу понять, почему он будет делать 180deg
с обоими или только с общим, но только с 90deg
, если это только поставщик.
Вопрос в том, каковы особенности этого нового поведения в Firefox и какое самое широкое, большинство стандартов, совместимое с решениями для веб-сайтов, которые теперь имеют свои градиенты в FF16, неправильно?