CSS背景渐变验证

Question

我的网站样式表中有许多使用以下内容或其变形的CSS样式:

background: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.0, #585858),
    color-stop(1.0, #ACACAC)
);
background: -moz-linear-gradient(
    center bottom,
    #585858 0%,
    #ACACAC 100%
);

我的问题是，在使用W3C验证器验证CSS时，我遇到了以下错误：

Value Error: background -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #585858), color-stop(1.0, #acacac))不是背景值：-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #585858), color-stop(1.0, #acacac)) -webkit-gradient(linear, left bottom, left top, color-stop(0.0, #585858), color-stop(1.0, #acacac))

据我所知，CSS没有问题...这是验证器的问题吗？我应该让我一起工作的测试团队知道吗？

- thesonglessbird

Answer 1

您正在使用供应商特定的CSS属性实验实现。它们不是有效的CSS。

验证器的选项之一将允许您将供应商扩展从错误降级为报告中的警告（因此，如果您选择在生产站点上使用它们，则可以找到与使用非标准扩展无关的任何错误）。

- Quentin

---

啊，是的...我忘记添加了。我已经关闭了供应商特定的警告，但它仍然抛出错误。 - thesonglessbird

现在有这么多的标准草案在飞来飞去，对于CSS而言，验证已经变得毫无意义。它对于捕捉明显的错误（例如缺少冒号）很有用，但对于其他任何事情都是无用的。 - Rich Bradshaw

@Rich Bradshaw W3C CSS3验证器甚至无法捕捉明显的错误，因为它充满了漏洞并在报告中输出大量垃圾信息。 - Igor Jerosimić