CSS3 背景渐变不验证，谁能告诉我为什么？里面的代码示例答案

【问题标题】：CSS3 Background Gradients Not Validating, Can Someone Tell Me Why? Code Example InsideCSS3 背景渐变不验证，谁能告诉我为什么？里面的代码示例
【发布时间】：2012-01-28 16:38:38
【问题描述】：

有人能告诉我为什么下面的 css 没有验证吗？我一直在尝试自己研究这个，但没有运气。我读过的所有文档都说这是在 css3 中做渐变的正确原因。

#header {
  color: white;
  font-size: 12px;
  font-family: Helvetica, Verdana, Arial, sans-serif;
  background: black;
  background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0)));
  background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  background: linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%);
  width: 100%;
  height: 35px;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  position: fixed;
  top: 0px;
  z-index: 1000;
}

这些是我得到的验证错误：

TextArea 的 W3C CSS 验证器结果（CSS 级别 3）

对不起！我们发现了以下错误（6）

URI：文本区域

6 #header 值错误：背景颜色 -moz-linear-gradient(top,rgba(0,0,0,0.65 ) 0%,rgba(0,0,0,0 ) 100% ) 不是背景颜色值： -moz-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%)

7 #header 值错误：背景颜色 -webkit-gradient(linear,left 上，左下，颜色停止（0％，rgba（0,0,0,0.65） ),color-stop(100%,rgba(0,0,0,0 ) ) ) 不是背景颜色值： -webkit-渐变（线性，左上，左下，颜色停止（0％，rgba（0,0,0,0.65）），颜色停止（100％，rgba（0,0,0,0 ) ) )

8 #header 值错误：背景颜色 -webkit-linear-gradient(top,rgba(0,0,0,0.65 ) 0%,rgba(0,0,0,0 ) 100% ) 不是背景颜色值： -webkit-linear-gradient(top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%)

9 #header 值错误：背景颜色 -o-linear-gradient(top,rgba(0,0,0,0.65 ) 0%,rgba(0,0,0,0 ) 100% ) 不是背景颜色值：-o-linear-gradient(顶部，RGBA（0,0,0,0.65 ) 0%,rgba(0,0,0,0 ) 100% )

10 #header 值错误：背景颜色 -ms-linear-gradient(top,rgba(0,0,0,0.65 ) 0%,rgba(0,0,0,0) 100% ) 不是背景颜色值：-ms-linear-gradient(顶部，RGBA（0,0,0,0.65 ) 0%,rgba(0,0,0,0 ) 100% )

11 #header 值错误：背景颜色线性梯度（顶部，rgba（0,0,0,0.65）0％，rgba（0,0,0,0）100％）不是背景颜色值：线性渐变（顶部，rgba（0,0,0,0.65） 0%,rgba(0,0,0,0 ) 100% )

【问题讨论】：

标签： validation css background gradient

【解决方案1】：

这是重复的：CSS background gradient validation

一个很好的解释是：

“有效”对于现代网页设计中的 CSS3 而言是一个非常流畅的术语 / 发展。

如果您尝试在 W3C 的 CSS3 中验证“this”代码 Validator，它会显示一堆解析错误。这是由于目前 CSS3 实现的性质，主要是因为创建 CSS3 渐变所需的供应商前缀。

现在正在翻转一方面，我们使用了正确且“有效”的语法这些渐变的浏览器供应商。事实上，W3C 尚未最终确定 CSS3 规范意味着在那之前我们不会有关于 CSS3 有效或无效的具体答案。我们现在能做的就是遵循渐进增强技术，并注意浏览器供应商的方向和正确性 CSS3 的实现。

http://net.tutsplus.com/tutorials/html-css-techniques/quick-tip-understanding-css3-gradients/comment-page-1/#comment-243334

【讨论】：

谢谢。我尝试了多次搜索，但找不到与 css3 渐变验证相关的任何内容。感谢您的链接。这是我需要知道的。

【解决方案2】：

确保您为“个人资料”设置了正确的选项。它应该是 css 级别 3。并且验证器并不真正支持特定于供应商的 css。

【讨论】：

【解决方案3】：

供应商特定扩展do not validate。此外，您可能需要更改 W3C 验证服务选项以更改 CSS 配置文件级别，如 this link 所示。

无论如何，我不会担心我的 CSS3 声明无法验证，因为验证只是指导您纠正可能的代码错误。

【讨论】：