XDK HTML5 App中的CSS Gradient Compatibility问题

时间:2014-06-13 04:36:51

标签: android ios css3 intel-xdk html5-apps

我有一个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渐变?

1 个答案:

答案 0 :(得分:1)

根据我对caniuse的理解,你应该能够在IOS 6和Android 4. *上使用线性渐变,但需要注意一点,你需要在-webkit-前加上它,即你&# 39; ll希望你的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显示' partial'支持,因此它可能有用或可能有问题。我的猜测是它具有很好的可能性,因为它是直接的线性渐变。

此外,在过去的某个时刻,渐变的标准是不断变化的,并且有一些不同的方法,但线性渐变相当稳定,所以只需将其加上-webkit-就可以了

我自己还没有在Android或IOS上试过这个,但是根据我的阅读它应该可行。