0

我没有在 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。

4

2 回答 2

1

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

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

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

于 2012-12-04T19:52:35.377 回答
0

Chrome 需要一个 -webkit-gradient；Chrome 10+ 使用的 -webkit-gradient 与我认为的一些早期版本略有不同。

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

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

于 2012-12-04T18:18:54.077 回答