Разница градиента CSS3 | Хром против Сафари

Я использую градиент CSS3 следующим образом:

background-image: linear-gradient(to bottom, transparent, #03143f);

Проблема, с которой я сталкиваюсь, заключается в том, что сафари добавляет черный оттенок к градиенту, тогда как Chrome красиво исчезает.

Кто-нибудь сталкивался с этой проблемой раньше?

JSFIDDLE

Сафари

введите здесь описание изображения

Хром

введите здесь описание изображения


person Filth    schedule 30.05.2017    source источник
comment
Возможный дубликат сафари   -  person Ason    schedule 30.05.2017
comment
Ошибка Safaru: github.com/Compass/compass/issues/2010   -  person Ason    schedule 30.05.2017
comment
Другой возможный дубликат css3-gradient-with-transparency-not-displaying -правильно-в-сафари   -  person Ason    schedule 30.05.2017
comment
Дайте мне знать, если какая-либо ссылка на дубликат решит это для вас, и я закрою ее как таковую.   -  person Ason    schedule 30.05.2017
comment
К сожалению, ни один из этих обманов не решает эту проблему.   -  person Filth    schedule 31.05.2017
comment
Второй решает эту проблему, так как вам нужно будет установить вычисляемое значение вместо прозрачного   -  person Ason    schedule 31.05.2017
comment
Я пробовал все версии значений calc, прозрачных и т. Д. - все равно безрезультатно. ох маан хаха!   -  person Filth    schedule 31.05.2017