可以在CSS的url()中使用本地文件吗？

Question

我想要为外部网站编写一个用户(即本地到我的机器) CSS规则，将本地文件添加到我的机器作为背景，即不是从want服务器。Site https://example.org，它有一个h1标记和两个p标记作为示例。

我尝试了以下几点：

p {
    background: url('/home/andrybak/1.png') repeat;
}
h1 {
    background: url('file:///home/andrybak/1.png') repeat;
}

这两种选择在Firefox和Chrome中都不起作用。CSS的url()支持文件URI方案吗

Answer 1

CSS的url()只支持URL，不一定支持URI。file:// URI方案定义的是URI，而不是URL。主要区别在于，虽然URI只标识资源，但URL指定了internet上资源的位置。

来源：https://drafts.csswg.org/css-values-3/#urls