如何使用css3中设置的图像设置背景图像？

我想使用以下代码段为主体设置背景图像：

body {
  background-image: image-set(
    "./images/dog-puppy-on-garden-royalty-free-image-1586966191.jpg"
  );
}

但是

身体仍然是白色的

但是，当我使用
url（）
时，
body
改变了它的背景

body {
  background-image: url("./images/dog-puppy-on-garden-royalty-free-image-1586966191.jpg");
}

您丢失了代码> URL<代码>，并考虑前缀。不要忘记MDN文档中所述的解决方案：
image-set（）中的每个图像都必须具有唯一的分辨率


正文{
背景图像：-webkit图像集（url（“https://picsum.photos/id/1/200/300）1x）；
}
您仍然需要添加URL

body {
  background-image: image-set(
   url("./images/dog-puppy-on-garden-royalty-free-image-1586966191.jpg")
  );

}
我想您需要前缀：支持仍然有效low@TemaniAfif我使用了前缀
-webkit
，但什么也没发生。但是为什么他们没有在文档中添加
url（）
：@MenaiAlaEddine Aladdin两者都应该可以工作，但我认为非url版本仍然是新的，还不受支持（比如image-set（）。需要深入研究规范以更好地理解：