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

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


css linear-gradients webmail
person User_28    schedule 27.06.2019    source источник
comment
вместо этого используйте изображение   -  person Temani Afif    schedule 27.06.2019

Ответы (1)


arrow_upward
-1
arrow_downward

Это зависит от того, как вы закодировали свой 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

person Stefan Joseph    schedule 27.06.2019