Question

我在Chrome中没有渐变，但它适用于Safari和Firefox。这是代码：

.accounts-form #auth-form {
    background: -moz-linear-gradient(#FEFEFE, #F4F4F4) repeat scroll 0 0 #F4F4F4;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    margin: 0;
    padding: 0 0 40px;
}

导致问题的是background:行。我见过其他人遇到-webkit-gradient的问题，而不是-moz-linear-gradient。

Answer 1

以下是如何在背景上应用渐变的语法。

background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */

通常建议以本机版本编写代码，然后通过http://prefixr.com/运行代码，以使用所有与浏览器兼容的供应商前缀来完成代码。

Answer 2

Chrome需要-webkit-gradient;与我认为的早期版本相比，Chrome 10+使用了略微不同的-webkit-gradient。

我使用这个CSS3渐变生成器 - 无论你是否使用生成的代码，它都会很好地了解每个浏览器所需的所有属性。

http://www.colorzilla.com/gradient-editor/

为什么Chrome在这个渐变设置上纾困？

2 个答案: