谷歌浏览器背景渐变

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 中工作......

Answer 4

和你一样，我在 Chrome 浏览器上遇到了问题，但唯一的解决方案是使用内联样式！ style = "" 在这里写下你的代码来解决问题