CSS3 Validator在Gradient代码上显示5错误

Question

当我尝试通过CSS3 W3.org Validator验证我的Gradient css时,显示错误

抱歉! 我们发现了以下错误(5)

我的代码是

background: linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%);

错误http://www.freeimagehosting.net/uy82i

Answer 1

Rizwan,首先你使用的网站http://jigsaw.w3.org/css-validator/#validate_by_input完全不支持CSS3.

来自:关于CSS验证器

那么,这是什么是正确的CSS和什么不是什么的权威？

不是.它是一个有用且可靠的工具,但它是一个软件工具,就像每个软件一样,它有一些错误和问题.层叠样式表的实际参考是CSS规范.

默认情况下,此验证程序根据CSS 2.1规范中定义的语法,属性和值检查样式表,但可以使用选项检查其他CSS配置文件.

如果您查看错误和问题,您会发现以下错误:线性渐变作为背景图像,它无法识别线性渐变.

-webkit-gradient是特定于浏览器的,w3.org验证器无法识别它.

最后的建议,不要过多依赖验证器,它们可能会帮助您发现错误,但它们并非100%正确.对于CSS3,如果您在浏览器中测试这些属性并查看它们是否正常工作,则会更好.