关于在CSS url()中使用数据URI的说明

我正在编写一个预处理组件(在PHP中),在某些上下文中,它会在CSS中重写外部图像文件请求,例如:

background-image: url('/my-folder/my-image.png');

作为CSS内联 数据URI ,例如:

background-image: url('data:image/png;base64,[Base-64 Encoding Here]');

我刚刚(有些惊讶地)读了一遍 MDN :

在里面 CSS级别1 这个 url() 函数表示法只描述了true 网址。在里面 CSS 2级 ,定义 url() 扩展到描述 任何URI,例如数据URI。 CSS值和单位级别3 回到 更狭隘的最初定义。现在 url() 只表示真 <url> s

资料来源: https://developer.mozilla.org/en-US/docs/Web/CSS/url()

真正地这似乎表明 数据URI 构成的值无效 url() 在CSS样式表中(?)

但我什么也找不到:

• https://www.w3.org/TR/css-values-3/

这就证明了这一点。

我的印象是 数据URI 是对的完全有效的值 url() 在CSS样式表中。

谁能澄清一下(最好是有权威的参考资料)?

请注意 下面的标签是 w3c-validation -我认识到它应该是 what-wg-validation .