当我们在做移动端的时候,会遇到如下图样式:

ios设置css背景渐变透明出现黑色阴影-风君雪科技博客

1 background: linear-gradient(to top, #fff, #0000);
2 background: linear-gradient(to top, #fff, transparent);/*安卓上均可实现上图所示效果,IOS则呈现如下图兼容问题 */

ios设置css背景渐变透明出现黑色阴影-风君雪科技博客

 这时候就需要做兼容处理了,建议以后处理渐变透明使用#fff0或则rgba(255,255,255,0)  来作为透明颜色实现方式(兼容性更好):

background: linear-gradient(to top, #fff, #fff0); 
background: linear-gradient(to top, #fff, rgba(255,255,255,0)); 

ios设置css背景渐变透明出现黑色阴影-风君雪科技博客

现在的想法是

现在的想法是

现在的想法是