CSS: линейные градиентные цвета фона не применяются - PullRequest
Новая
       85

CSS: линейные градиентные цвета фона не применяются

0 голосов
/ 27 июня 2019

Работают ли цвета линейного градиента во всех браузерах? Я сталкиваюсь с такой проблемой, как линейный градиент цвета (черный с серым), который отлично работает в Outlook и Gmail, но не работает в веб-почте и на мобильных устройствах. Как выйти из этого вопроса? Спасибо

1 Ответ

0 голосов
/ 27 июня 2019

Это зависит от того, как вы закодировали свой CSS.Лучше всего, если вы зададите все браузерные префиксы, чтобы они работали во всех браузерах.Например, вот так: 

background-image:     -webkit-linear-gradient(right, #0c93C0, #FFF); 
background-image:      -moz-linear-gradient(right, #0c93C0, #FFF);
background-image:     -ms-linear-gradient(right, #0c93C0, #FFF); 
background-image:      -o-linear-gradient(right, #0c93C0, #FFF);
background-image:      linear-gradient(right, #0c93C0, #FFF);

Для версий Internet Explorer ниже IE10 вы должны использовать его следующим образом: 

/*IE7-*/ filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0);
/*IE8+*/ -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='#0c93c0', endColorStr='#FFFFFF', GradientType=0)";

Также, прежде чем использовать его, я предлагаю вам посмотреть, совместим ли онв другой версии браузера, используя это: https://caniuse.com/#search=linear-gradient

...