линейный градиент (в качестве фона) не работает на Chrome (Android) - PullRequest
0 голосов
/ 13 мая 2019

У меня есть следующее свойство background в моем css.

background: linear-gradient(35deg, rgba(56, 114, 169, 1) 0%, rgba(16, 36, 57, 1) 58%);

Веб-страница, которую я пытаюсь просмотреть: https://dg2 -dev-eu-dg2-web-user-portal.apps-dev.chdc20-cf.solera.com / privacy? App = dg & v = 1.0.0 & Ланг = еп .

Он отлично отрисовывается в Firefox на Android, но не работает на Chrome. Может кто-нибудь подсказать мне, что я делаю не так?

РЕДАКТИРОВАТЬ: только что понял, что это работает, если телефон в альбомной ориентации, но не работает в портретной ...

1 Ответ

0 голосов
/ 13 мая 2019

Кросс-браузерная совместимость является проблемой при использовании градиентов, поэтому вы должны включить совместимость для всех браузеров, надеюсь, это поможет

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>123</title>
</head>

<body style="
    background:-webkit-linear-gradient(35deg, rgba(56, 114, 169, 1) 0%, rgba(16, 36, 57, 1) 58%);
    background:-moz-linear-gradient(35deg, rgba(56, 114, 169, 1) 0%, rgba(16, 36, 57, 1) 58%);
    background:-o-linear-gradient(35deg, rgba(56, 114, 169, 1) 0%, rgba(16, 36, 57, 1) 58%);
    background:-ms-linear-gradient(35deg, rgba(56, 114, 169, 1) 0%, rgba(16, 36, 57, 1) 58%);">

</body>
</html>

здесь Webkit для chrome, moz для Mozilla, o для Opera, ms для MS Explorer

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...