android - XDK HTML5 应用程序中的 CSS 渐变兼容性问题

Question

我有一个 CSS 代码，用于在 XDK 中的 HTML5 应用程序中使用渐变。然而，当我使用 XLint 调试我的 CSS 代码时，它说线性渐变与应用程序不兼容: 安卓 (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渐变？

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 上尝试过这个，但根据我的阅读，它应该可以工作。