градиент фона не работает в Chrome (работает в Firefox)

Question

градиент фона не работает в Chrome (работает в Firefox)

0

Я пытаюсь иметь линейный градиент фона в браузере. Он работает в FF, но не работает в Chrome. Мои CSS выглядят следующим образом:

  /* works in FF */

  background: -moz-linear-gradient(center top , rgb(40, 40, 40) 0px, rgb(10, 10, 10) 100%) repeat scroll 0% 0% transparent;


  /* Not working in chrome */
  background: -webkit-linear-gradient(center top , rgb(40, 40, 40) 0px, rgb(10, 10, 10) 100%) repeat scroll 0% 0% transparent;

Что не так?

GJain 02 окт. 2013, в 12:54

Источник

2

Примечание: в будущем используйте Ultimate CSS Gradient Generator , он качается. Из генератора, пример вашего кода, работающего в Chrome .
Vucko 02 окт. 2013, в 10:28
0

Большое спасибо .... Я сделаю это ответ и скоро приму.
GJain 02 окт. 2013, в 10:32

Теги:

html

css

1 ответ

Ещё вопросы

Примечание: в будущем используйте Ultimate CSS Gradient Generator , он качается. Из генератора, пример вашего кода, работающего в Chrome .
Большое спасибо .... Я сделаю это ответ и скоро приму.

Vucko · Accepted Answer · 2013-10-02T08-17-00.000Z

Из моего комментария, в будущем используйте Ultimate CSS Gradient Generator.

Вы также можете загрузить свой собственный CSS для создания стиля совместимости браузера.

Из вашего CSS:

background: -moz-linear-gradient(center top , rgb(40, 40, 40) 0px, rgb(10, 10, 10) 100%) repeat scroll 0% 0% transparent;

Выходы генератора:

background: #282828; /* Old browsers */
background: -moz-linear-gradient(left, #282828 0px, #0a0a0a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0px,#282828), color-stop(100%,#0a0a0a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #282828 0px,#0a0a0a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #282828 0px,#0a0a0a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #282828 0px,#0a0a0a 100%); /* IE10+ */
background: linear-gradient(to right, #282828 0px,#0a0a0a 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#282828', endColorstr='#0a0a0a',GradientType=1 ); /* IE6-9 */

JSFiddle