CSS渐变兼容性问题在XDK HTML5应用程序

Question

我有一个CSS代码使用渐变在我的HTML5应用程序在XDK。然而，当我用XLint调试我的CSS代码时，它说线性梯度与以下应用程序不兼容:Android (2.3, 4.0, 4.1, 4.2, 4.3)IOS 6.0

background:linear-gradient(rgb( 59, 89, 152), rgb(109, 132, 180)) repeat scroll 0% 0% rgb(238, 238, 238);

我如何使用CSS渐变，可以与所有版本的Android和IOS兼容?

Answer 1

根据我对caniuse的理解，你应该能够在IOS 6和Android 4上使用线性梯度。*有一点需要注意的是，你需要在它前面加上-webkit-，也就是说，你希望你的css文件包含两行作为背景，而不是只有一行:

background: -webkit-linear-gradient(rgb( 59, 89, 152), rgb(109, 132, 180)) repeat scroll 0% 0% rgb(238, 238, 238);
background: linear-gradient(rgb( 59, 89, 152), rgb(109, 132, 180)) repeat scroll 0% 0% rgb(238, 238, 238);

Android 2.3显示"部分"支持，所以它可能工作，也可能有问题。我猜它很有可能，因为它是直接的线性梯度。

同样，在过去的某个时候，梯度的标准是不断变化的，有一些不同的方法，但是线性梯度还是很稳定的，所以只要加上-webkit-就有希望做到这一点。

我自己没有在android或IOS上尝试过，但从我读到的，它应该工作。