本文主要讨论CSS渐变在Android 2.3.6上不适用的问题。因为在使用渐变时，如果不适配老版本的手机，页面可能无法正常显示，会给用户带来不好的体验。
1.渐变简介
渐变是CSS3新增的一个属性，它可以在元素的背景、边框或文字上创建颜色渐变过渡效果。主要有线性渐变（linear-gradient）和径向渐变（radial-gradient）两种。
下面是一个简单的例子：
background: linear-gradient(to right, #2e7dfc, #9ed4ff);
这个例子是创建一个从左到右的线性渐变，颜色过渡从#2e7dfc到#9ed4ff。
2.问题描述
在Android 2.3.6系统上，渐变效果不仅不能正常显示，而且会出现一条黑色的背景。这样会给页面带来很不好的体验。
3.解决方法
解决方法有两种：
3.1 使用图片
既然渐变不能正常显示，那么就可以使用图片代替。需要注意的是，使用图片会增加页面的加载时间，降低用户体验。
以下是一个例子：
background-image: url("gradient.png");
3.2 使用CSS3PIE
CSS3PIE是一个免费的JavaScript库，可以用来让老版本的浏览器支持CSS3的一些属性。它支持的属性包括圆角、阴影、渐变等。使用PIE时，只需要在CSS文件中添加一些代码即可。
以下是一个例子：
首先，在head标签中加入以下代码：
<!--[if lt IE 9]>
<script src="http://cdn.test.com/js/PIE.js"></script>
<![endif]-->
然后，在需要使用渐变的元素的CSS样式中加入以下代码：
background: #2e7dfc;
behavior: url(http://cdn.test.com/js/PIE.htc);
这样，我们就可以让渐变在Android 2.3.6上正常显示了。
4.总结
渐变是CSS3新增的属性，可以在元素的背景、边框或文字上创建颜色渐变过渡效果。但在Android 2.3.6上，渐变效果无法正常显示，会带来不好的体验。解决方法有两种，一种是使用图片代替渐变，另一种是使用CSS3PIE库让老版本的浏览器支持渐变。