Google Chrome фон-градиент

Question

Здесь действительно любительский вопрос - фоновый градиент тела не работает в 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));

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

Answer 1

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

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

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

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);

Answer 2

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

Для синтаксиса требуется дополнительный to.Поэтому вместо, например, center top, left top и т. Д. Используйте, например, to top как

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

Answer 3

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

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

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