"Полосатый" градиент в Firefox?

Question

[feelsgood]

Есть градиент:

background: linear-gradient(to right, #131c27 0%, #412513 100%);

Chrome


Firefox

Как можно заметить, в Firefox градиент "полосит". Есть ли способ убрать полосы и сгладить градиент?

Comments

[Leonid Fedotov]

Задавал такой вопрос год назад вроде. Увы, мне никто адекватно ответить не смог. Почему у хрома такая плохая цветовая палитра?

[Kovalsky]

Вообще одинаковые) Хотя resemble говорит, что они на 50% разные

[Ankhena]

Я вижу чуть разные, но по качеству одинаковые.
Раньше, помню зависело от компа на котором смотришь, но не помню какой вывод был моник или железки.

[Ankhena]

О, перетащила на второй монитор, тут вообще гладенькие градиентики.

[feelsgood]

MaxKorz: Никита Полевой: Ankhena W:
Да, вполне возможно, что проблема может быть только у меня. Тем не менее с моей конфигурацией (IPS матрица, win7, видеокарта amd, HDMI) градиенты в firefox выглядят полосато, что линейные, что радиальные, особенно заметно, когда градиент ставишь фоном сайта(в IE11 кстати тоже самое), а вот в хроме и опере, на этом же компьютере, все отлично - градиент плавный и без полосок.

Answer 1

[Localhost]

Думаю да, прописать css для разных браузеров.

background: rgb(19,28,39); /* Все браузеры*/
background: -moz-linear-gradient(left,  rgba(19,28,39,1) 0%, rgba(65,37,19,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgba(19,28,39,1) 0%,rgba(65,37,19,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgba(19,28,39,1) 0%,rgba(65,37,19,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#131c27', endColorstr='#412513',GradientType=1 ); /* IE6-9 */

Comments

[Localhost]

Это уже сделал css под твои цвета

[Serj-One]

Что такое вендорные префиксы и как они работают, вы, видимо, не в курсе.

[Ankhena]

И как это на гладкость повлиять должно?

[zooks]

Префиксы ничего не меняют.