从本地网站上的电脑加载图像 css

Question

我正在制作一个网站，仅供用作本地“.html”文件，我可以在 Chrome 中打开该文件，我试图在该文件中引用位于 [=14 的图像=]

"file:///C:\Pictures\BG.png"

使它成为文档的背景，但它不起作用。我想我可能需要这样的东西： src("file:///C:\Pictures\BG.png")

虽然这也不起作用，但我需要什么，这是我的 css 引用它的部分：

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

Answer 1

您需要对背景图片使用 url() 格式。您还应该始终在 URI 中使用正斜杠 (reference)。

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

Answer 2

将图像保存在 HTML 文件所在的文件夹中，这样可以更轻松地处理图像。然后你只需要添加属性.

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

}

Answer 3

在引用中使用 url ('URL') 和正斜杠“/”代替反斜杠“\”，要指定多张图片，请用逗号分隔 URL。

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

load image from pc on a local website css