从本地网站上的pc加载图像

时间:2017-09-24 18:04:19

标签: css image local-files

我正在制作一个网站,仅用作本地' .html'我可以在Chrome和该文件中打开的文件,我试图在

中引用图像
"file:///C:\Pictures\BG.png"

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

虽然这不是我需要的工作,但这是我的css引用它:

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

3 个答案:

答案 0 :(得分:1)

在引用中使用url('URL')并转发斜杠'/'而不是反斜杠'\',要指定多个图像,请用逗号分隔URL。

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

jsfiddle Here

答案 1 :(得分:0)

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

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

答案 2 :(得分:0)

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

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

}