当我们在做移动端的时候,会遇到如下图样式:
1 background: linear-gradient(to top, #fff, #0000); 2 background: linear-gradient(to top, #fff, transparent);/*安卓上均可实现上图所示效果,IOS则呈现如下图兼容问题 */
这时候就需要做兼容处理了,建议以后处理渐变透明使用#fff0或则rgba(255,255,255,0) 来作为透明颜色实现方式(兼容性更好):
background: linear-gradient(to top, #fff, #fff0);
background: linear-gradient(to top, #fff, rgba(255,255,255,0));