css - 为什么 Chrome 会放弃这种渐变设置？

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/运行。使用所有浏览器兼容的供应商前缀来完成代码。