Фоновый градиент 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);
