Блог

#css #safari #webkit

#css #safari #webkit

Вопрос:

 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. Есть ли у base-tag вас head-section какие-либо изменения? В прошлом были некоторые проблемы с градиентами. Удаление этого тега исправило это для меня.

2. @PeterBode нет.

3. У Safari есть известная проблема (см.: css-tricks.com/thing-know-gradients-transparent-black ) рендеринга transparent как transparent black . Вы пробовали сменить transparent на что-нибудь другое, например rgba(255,255,255,0)

4. @Robert он рендерится в «прозрачный цвет». Итак, в приведенном выше примере это «прозрачный белый», но я могу изменить его, например, на «прозрачный красный». Но она должна быть только «прозрачной». Я всегда использую rgba , а не ключевые слова.

5. Единственный способ, которым я могу воспроизвести ошибку, — это если в Safari нет фонового объявления для родительского элемента. Так, например, если html нет фона, но body вы получаете transparent black ошибку независимо от того, используете ли вы ключевое слово или RGBA. Установка фона для родительского элемента, похоже, решает проблему. Можете ли вы подтвердить, сталкиваетесь ли вы с подобным результатом?

Ответ №1: