0

我将其用作我的一个 div 的背景，并为所有人声明了供应商前缀：

background: -webkit-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll;
background: -moz-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll;
background: -o-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll;
background: -ms-linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll;
background: linear-gradient(center top , #F6F6F6 0%, #FFFFFF 100%) repeat scroll;

但是，它不在 Chrome 中。我的 div 变成了透明的（因为它根本无法识别背景）。我的 Chrome 版本是29 版，应该是最新的。

我做错什么了吗？

4

1 回答 1

1

正如评论中已经提到的，center是 的无效属性linear-gradient。为了深入了解语法，Mozilla 开发者网络很好地涵盖了这一点：

linear-gradient([<angle> | to <side-or-corner> ,]? <color-stop> [,<color-stop>]+)
                \--------------------------------/ \----------------------------/
                  Definition of the gradient line       List of color stops

top, bottom,left和right是<side-or-corner>参数接受的唯一属性。

如果您无法手动处理渐变，有各种在线工具可以帮助您创建所需的渐变，其中一个更好的是 Colorzilla 的Ultimate CSS Gradient Generator。

于 2013-09-06T08:30:49.927 回答