渐变色在iOS移动游戏中给出了错误的颜色

Question

我正在开发一款带有Cordova Phonegap的移动应用程序，该应用程序使用叠加在彼此顶部的渐变。在Android上一切正常，但在iOS上，渐变显示不同。边缘是绿色的，而当我在浏览器中预览时它是蓝色的，因为它应该是。页面底部也有这种奇怪的过渡。

这是我的css：

#gradient2Layer1 {
position: fixed;
height: 100px;
bottom: 0;
left: 0;
height: 20%;
width: 100%;
color = "blue";
background:  -webkit-linear-gradient(270deg, rgba(15,431,28,0) 35%, #b3c6ff 50%,rgb(128,128,128) 100%);
z-index: 100;  }

#gradient2Layer2 {
position: fixed;
height: 100px;
bottom: 0;
left: 0;
height: 20%;
width: 100%;
opacity: 0.5;
color = "blue";
background:  -webkit-linear-gradient(270deg, rgba(15,431,28,0) 35%, blue 50%, blue 100%);
animation: fadeIn 5s infinite alternate;
z-index: 100;  }

我该如何解决这个问题？

Answer 1

我真的相信这是一个错字，你想使用rgba(15,43,128,0)（这是你正在寻找的蓝色阴影）而不是rgba(15,431,28,0)，这甚至不是有效的RGB值（限于0..255）。