是否可以在CSS的url（）中使用本地文件路径？

Question

我想为外部网站编写一个用户（即我的计算机本地）的CSS规则，以将文件 local 作为背景添加到我的计算机中，即来自 not 网络服务器。以站点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()是否支持file URI scheme？

Answer 1

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

来源：link