微信小程序cover-view组件不支持css3背景渐变的解决方案

在css3以前，如果要实现渐变背景效果，是不能够用css直接写的，以前都是用图片来代替的。而css3中，是可以支持css直接写渐变效果的。比如实现的代码就是background: linear-gradient(90deg,#b16eec 0%,#9157dc 100%);是一则基础典型的css线性渐变应用，当然在css3中除了线性渐变，还有径向渐变、重复线性渐变、重复径向渐变等。
解决方案：
大家都知道在微信小程序中，cover-view组件是为了解决map、video等原生组件层级的问题。比如要在全屏的地图组件上加一个按钮之类的东西，就必须用到cover-view组件，因为在原生组件中z-index是无效的。然而关于cover-view和view的差异还是有很多的。
在小程序的cover-view组件中是不能用css3渐变相关属性的，比如文章开头的背景属性中，使用linear-gradient实现线性渐变，在普通H5或者小程序view组件中是完全没有问题的，然而在cover-view中是不能够使用的，使用后的效果就是背景无效。
所以如果要在cover-view组件中使用渐变，我们可以用背景图片或者cover-image组件引入图片来代替。