当我们想实现一个渐变到透明的效果时,利用 CSS 很轻易的写出:
// 从透明到红色
background-image: linear-gradient(transparent, red)
![](https://i-blog.csdnimg.cn/blog_migrate/d0181041f051a80b8651054fad949df5.png)
![](https://i-blog.csdnimg.cn/blog_migrate/6cd5035a7976e198486fe043a2e3d8f1.png)
在安卓手机就没有这种差异性。
造成这种差异的原因未知,但总而言之,我们希望在 ios
上也能像开发者工具里显示的一样。因此我们修改代码:
background-image: linear-gradient(rgb(255,255,255,0), red)
这样就成功了!
当我们想实现一个渐变到透明的效果时,利用 CSS 很轻易的写出:
// 从透明到红色
background-image: linear-gradient(transparent, red)
在安卓手机就没有这种差异性。
造成这种差异的原因未知,但总而言之,我们希望在 ios
上也能像开发者工具里显示的一样。因此我们修改代码:
background-image: linear-gradient(rgb(255,255,255,0), red)
这样就成功了!