我有一个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渐变?
答案 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上试过这个,但是根据我的阅读它应该可行。