我有一个 CSS 代码，用于在 XDK 的 HTML5 应用程序中使用渐变。但是，当我使用 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);
如何使用可以兼容所有版本的 Android 和 IOS 的 CSS 渐变？
根据我对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 上尝试过，但从我读到的内容来看它应该可以工作。