CSS3 box-shadow属性不验证?

时间:2012-01-17 19:08:31

标签: css w3c-validation css3

当我通过W3C的验证器运行我的CSS时,每次使用box-shadow属性时,都会出现如下错误:

  

0不是盒阴影值:0 0 10px#000

它似乎停在第一个值的任何位置,因为更改值的顺序将更改错误以匹配:

  

#000不是盒阴影值:#000 0 0 10px

我正在使用设置为CSS3的配置文件进行验证,因此我不会忘记从CSS2更改默认配置文件设置(box-shadow属性不存在的地方)。

为什么我认为我使用的任何值都不正确?在Firefox和支持非前缀box-shadow属性的任何其他浏览器中,阴影将完美呈现。

2 个答案:

答案 0 :(得分:11)

这是a known validator bug。显然他们忘记了允许无单位值(尤其是无单位零值)。你的CSS没有错;你正在使用的值是正确的。

如果你很挑剔,而且你不能忍受损害你本来可以成功验证的错误,你可以简单地将单位添加到你的零值:

box-shadow: 0px 0px 10px #000;

但每当我遇到这种情况时,我通常都不会打扰,因为我知道这是一个无害的验证错误,而且我的CSS没有错。

请注意,自此更新起,自August 30, 2012以来已修复错误。

答案 1 :(得分:3)

将其更改为0px 0px 10px #000,它将验证。这可能是因为验证器的beta版本。