Как использовать CSS3 Gradient в Windows Phone 7?

Я работаю в WP7, где мое приложение основано на HTML5, и я экспортирую приложение через PhoneGap framework.

Я хочу знать, возможно ли и как создать градиент CSS3 для этого проекта (и в процессе я хочу поделиться с вами тем, что я обнаружил).

На данный момент это мой код CSS3:

body {
    background: brown;
    background-image: url(blue_to_white.jpg);
    background: linear-gradient(blue, red); /*future CSS3 browsers*/
    background: -webkit-linear-gradient(blue, orange); /*new webkit*/
    background-image:  -ms-linear-gradient(bottom, blue 50%, green 50%); /* IE10 */
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='blue', endColorstr='purple'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='blue', endColorstr='yellow')"; /* IE8 */
    -pie-background: linear-gradient(blue, silver); /*PIE*/
    behavior: url(PIE.htc);
  }

Как видите, в моем коде для фона используются разные техники:

• коричневая цветная основа
• Изображение с переходом от синего к белому
• Обычный градиент CSS3 от синего до красного.
• Градиент CSS3 для браузеров webkit от синего до оранжевого.
• Градиент CSS3 для браузеров Microsoft от синего к зеленому
• DXImageTransform для IE6 и IE7 от синего до фиолетового
• DXImageTransform для IE8 от синего до желтого
• Фон пирога с использованием CSS3PIE от синего до серебристого

И это мои результаты:

Как вы, возможно, знаете, браузер для WinPhone 7.5 - это IE9 Mobile, а браузер для WinPhone 7.0 - это смесь IE7 и IE8. На слайдах 16, 17 и 18 объясняется, какие свойства CCS3 реализованы в IE9, IE10 и «IE9 Mobile»: http://goo.gl/1Wz3s

Итак, есть идеи, как создать градиент CSS3 в Windows Phone? или у меня нет выбора, и я должен реализовать изображение для создания этого градиента?