CSS: Android Web App: проблема с градиентом цвета

Question

Я занимаюсь разработкой приложения с помощью jQuery Mobile и Phonegap.Я хочу иметь цветовой градиент от # 3c3c3c (серый) до # 000000 (черный) на заднем плане, но когда я использую этот код

background:  -webkit-linear-gradient(top, #3c3c3c, #000000);

, вы можете увидеть только несколько больших полос с различными оттенками серого.Так что нет линейного градиента.Также вы можете видеть несколько зеленых и фиолетовых полос.

  - Sorry as a new user I am not able to insert a Screenshot - 

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

Возможно ли, что устройство не может отображать достаточно цветов для линейного градиента?Есть ли другая возможность для создания линейного градиента?

Любая помощь приветствуется!

Я тестирую с помощью Galaxy Tab GT-P1000 Firmware-Version 2.2

Answer 1

Чтобы покрыть все ваши базы:

        background-image: -webkit-gradient(linear, left top, left bottom, from( #3c3c3c), to( #000000)) !important; /* Saf4+, Chrome */
        background-image: -webkit-linear-gradient(#3c3c3c, #000000) !important; /* Chrome 10+, Saf5.1+ */
        background-image:    -moz-linear-gradient(#3c3c3c, #000000) !important; /* FF3.6 */
        background-image:     -ms-linear-gradient(#3c3c3c, #000000) !important; /* IE10 */
        background-image:      -o-linear-gradient(#3c3c3c, #000000) !important; /* Opera 11.10+ */
        background-image:         linear-gradient(#3c3c3c, #000000) !important;

Бросьте! Важно, если вам это не нужно, я использую его для переопределения некоторых стилей jQM по умолчанию, поэтому и убедитесь, что у вас есть background-clip: border-box; (по умолчанию)

Answer 2

Может быть, вы должны написать так:

background:  -webkit-linear-gradient(top, #3c3c3c 0%, #000000 100%);