Фоновый градиент Google Chrome

Действительно любительский вопрос здесь - фоном-градиентом тела не работает в хроме, очень странно, я пробовал:

background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFF), to(#000));

и

background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#fff), to(#000));

И

background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#000));

Все безрезультатно! Работает в любом другом браузере...

Ответ 1

Вы пробовали:

background: -webkit-linear-gradient(#917c4d, #ffffff);

WebKit обновлен в соответствии с синтаксисом spec, поэтому вы должны получить максимальную поддержку браузера:

background: -webkit-gradient(linear, center top, center bottom, from(#917c4d), to(#ffffff));
background: -webkit-linear-gradient(#917c4d, #ffffff);
background: -moz-linear-gradient(#917c4d, #ffffff);
background: -o-linear-gradient(#917c4d, #ffffff);
background: -ms-linear-gradient(#917c4d, #ffffff);
background: linear-gradient(#917c4d, #ffffff);

Ответ 2

Вы пробовали это:

<style>
.myawesomegradient{
background:-webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(100%,#000000));
}
</style>

Должен работать в Safari и Chrome...

Ответ 3

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

Синтаксис требует дополнительного to. Следовательно, вместо, например, center top, left top и т.д., например. to top like

background-image: linear-gradient(to top , #094F86, #4EABDB);