Прозрачный градиент не работает в Safari - PullRequest
1 голос
/ 09 апреля 2019

Chrome / Firefox (последние сборки):

enter image description here

Safari (последняя сборка):

enter image description here

код:

background: linear-gradient(180deg, rgba(255,128,0,1) 0%, rgba(255,128,0,.6) 50%, rgba(255,255,255,0) 100%);

Пробовал:

rgba(255,255,255,0.001)
transparent
-webkit-linear-gradient

1 Ответ

0 голосов
/ 09 апреля 2019

Эта проблема известна и лучше всего объяснена в приведенной ниже ссылке:

https://css -tricks.com / thing-know-градиенты-прозрачно-черный /

Ниже приведено несколько связанных ссылок на github для той же проблемы:

https://github.com/jakubpawlowicz/clean-css/issues/315

https://github.com/Compass/compass/issues/2010

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

С наилучшими пожеланиями

...