在本地网站CSS上从PC加载图像

Question

我仅用于使用网站以用作本地'.html'文件，我可以在Chrome中打开，在该文件中，我试图在

上引用图像

"file:///C:PicturesBG.png"

使其成为文档的背景，但它行不通。我想我可能需要以下内容： src("file:///C:PicturesBG.png")

尽管这不起作用，我需要什么，这是我的CSS引用它的一部分：

body{background-color: #000; background-image: 'file:///C:PicturesBG.png';}（我缩进了它）

Answer 1

在引用中使用url（'url'）和前向斜杠'/'而不是后斜线''，以指定多个图像，用逗号将URL分开。

 urlbackground-image: url("file:///C:/Pictures/BG.png") ;

jsfiddle在这里

Answer 2

将图像保留在与html文件的同一文件夹中，这将使与图像更易于使用。然后，您只需要添加该属性即可。

body { background-image: url(“myimage.jpg”);

}

Answer 3

您需要将格式url()用于背景图像。您还应该始终在URI中使用前向斜线（参考）。

background-image: url('file:///C:/Pictures/BG.png');