Home/ Questions/Q 7917241
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-03T15:04:44+00:00

Newbie question here but for some reason I cant figure this out. I have

  • 0

Newbie question here but for some reason I cant figure this out. I have the following CSS which works fine on my iPhone but not an my Android. From looking at the jQuery Mobile demos with the android I know it can handle background gradients. Thanks 

.mydiv {
  background:    -moz-linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
  background: -webkit-linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
  background: linear-gradient(#FFFFFF, #F1F1F1) repeat scroll 0 0 #EEEEEE;
}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Android browser below 4.0, according to caniuse uses the old -webkit syntax: 

    background-image:-webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #a7cfdf), color-stop(100%, #23538a));

    Bonus: I recommend you use something like LESS or Compass/SASS, it would save you all this work http://compass-style.org/

    • 0