谷歌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以匹配规范语法，因此您应该have this to get maximum browser support：

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

你试过这个：

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

应该可以在Safari和Chrome中使用...

Answer 3

现在所有主流浏览器都支持CSS3线性渐变标记。

语法需要额外的to。因此，而不是例如center top，left top等使用，例如to top喜欢

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