Отображается градиент некорректно, как исправить голубой цвет на белый!?

Question

[Mark]

<div class="header__info1 js-header-info1" style="margin: auto;width:96%;height:55px;background: -moz-linear-gradient(-45deg, rgba(255,255,255,1) 0%, rgba(41,137,216,0.02) 52%, rgba(45,139,217,0) 53%, rgba(255,255,255,1) 100%); 
background: -webkit-linear-gradient(-45deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
background: linear-gradient(135deg, rgba(255,255,255,1) 0%,rgba(41,137,216,0.02) 52%,rgba(45,139,217,0) 53%,rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 );">

На маке отображается некорректно не (из белого в прозрачный из прозрачного в белый) как в хроме и других браузерах, а (из белого в прозрачно-голубой из прозрачно-голубого в белый).
Подскажите пожалуйста в чем ошибка!(

Answer 1

[Radja7]

Comments

[Radja7]

Если хотите белый:

rgba(41,137,216,0.02) меняем на rgba(255,255,255,0.02)
rgba(45,139,217,0) меняем на rgba(255,255,255,0)

Answer 2

[Константин]

Вот ваш голубой rgba(41,137,216,0.02)

Comments

[Константин]

у меня с таким уровнем прозрачности монитор врядли потянет или глаз. Но факт что это голубой цвет 1000%

[Mark]

kostya_vtomske: как его на белый исправить? чтобы прозрачность осталась

[Mark]

kostya_vtomske: а не этот ли голубой? rgba(45,139,217,0)

[Полина Емельянова]

Mark:Попробуйте перевести его в HSLA Colors (HSL: 207° 69% 51%) и проверить на безопасность цвета

[Ankhena]

Mark:

а не этот ли голубой? rgba(45,139,217,0)

этот тоже голубой, только у него прозрачность совсем 0, поэтому без разницы какой он.

Белый это 255,255,255.

Вам достаточно поменять 0.02 в прозрачности на ноль.