CSS中的非引用数据URI是否有效？

Question

#something {
    background: url(data:image/png;base64,ABCDEF);
}

此代码段适用于所有支持数据URI的浏览器（显然不包含ABCDEF）。

此外，根据CSS 2.1规范 ，它是有效的：

... 可选的单引号（'）或双引号（“）字符后跟URI本身......

但验证者不会在没有引号的情况下接受它：

值错误：后台URL（数据：image / png; base64，ABCDEF）是一个不正确的URL

如果您使用单引号或双引号括起URI，则会进行验证。

我错过了什么吗？ 它是验证器中的错误吗？ 编辑 ： 它是 ！

Answer 1

只要URI本身不以任何方式破坏url()语法（例如(和)必须被转义或URI编码，因此它们不会过早地结束函数令牌，也在规范中提到），它应该即使没有引用也是有效的。

这可能是一个验证错误。 具体来说，它似乎不会以任何形式处理不带引号的数据URI，因为当我只是将data更改为http （即使它显然不像典型的HTTP地址）：

#something {
    background: url(http:image/png;base64,ABCDEF);
}

......然后神奇地通过验证。