将Sencha应用程序部署到Android设备后CSS无法正常工作

我正在创建Sencha Touch应用程序。我使用css渐变作为背景。现在，当我在浏览器上测试时，它工作得非常好。但一旦我将它部署到我的android设备上，它就不能像预期的那样工作了

在桌面浏览器上测试和部署到手机上时，我会附上我的代码和应用程序的屏幕截图

这是我的sencha代码：

  xtype: 'panel',
  style:"background-image: -webkit-gradient(linear,right top,right top,color-stop(0.09, #FF00FF),color-stop(0.7, #99FF99),color-stop(1, #993366));background-image: -o-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: -moz-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: -webkit-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: -ms-linear-gradient(right top, #FF00FF 9%, #99FF99 70%, #993366 100%);background-image: linear-gradient(to right top, #FF00FF 9%, #99FF99 70%, #993366 100%)",

  styleHtmlContent: true,
  scrollable: true,
  width:'100%',
  height:'100%',

当我在浏览器上测试时，屏幕如下所示：

但一旦我将其部署到手机上，屏幕就会如下所示：

---

我不明白为什么将sencha应用程序部署到android时整个css都消失了。在此情况下，我们非常感谢您的帮助。

Sencha Touch 2.3中对旧版Android渐变的支持已经丢失

对我来说，以下内容已经解决了这个问题：

从您的

\u gradients.scs（/resources/themes/vendor/compass recipes/stylesheets/receipes/background/）

删除

第36行（$support for original webkit gradients:false；）

然后使用compass重建css:-）