W3 CSS验证| 渐变的值误差

Question

使用W3 CSS验证器时,我收到此错误

值误差:背景线性渐变(顶部,#fefefe,#dddddd)不是背景颜色值:线性渐变(顶部,#fefefe,#dddddd)

对于这一行:

  background:  linear-gradient(top, #fefefe, #dddddd);

以及:

  background:  -webkit-linear-gradient(top, #fefefe, #dddddd);

和我尝试使用渐变时的其他线条.

渐变有效,但我使用了错误的语法吗？

Answer 1

CSS3尚未最终确定,这意味着验证器可能无法验证最新的CSS3工作草案.此外,验证器可能不会验证供应商特定的CSS,如-moz-*或-webkit-*

有关使用线性渐变的规范,请参阅w3的最新草稿.

顺便说一句,我相信代码中的"顶部"应该是"顶部"作为渐变的方向.草案示例12:

以下是指定基本垂直渐变的各种方法:

linear-gradient(yellow, blue);
linear-gradient(to bottom, yellow, blue);
linear-gradient(180deg, yellow, blue);
linear-gradient(to top, blue, yellow);
linear-gradient(to bottom, yellow 0%, blue 100%);