Question

在你问之前，是的，我把我想要设置的图像作为背景放在与CSS文档相同的文件夹中。

这是HTML：

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="C:/Users/16jlavarnway/Desktop/blah/JacobLFinalCSS.css"/>
        <title>Programming with Python</title>
    </head>
    <body>
        <br>
    </body>
</html>

这是CSS

body {
    background-image:url:("C:/Users/16jlavarnway/Desktop/blah/Background2.png") fixed center;
}

Answer 1

这应该是正确的语法

body {
    background-image:url("C:/Users/16jlavarnway/Desktop/blah/Background2.png") fixed center;
}

此外，如果您的网站是在线托管的，那么您的图片路线应为

body {
        background-image:url("Background2.png") fixed center;
    }

与HTML相同，您必须更改路线。

Answer 2

background-image:url:("C:/Users/16jlavarnway/Desktop/blah/Background2.png");

将更改为

background-image: url("file:///C:/Users/16jlavarnway/Desktop/blah/Background2.png");

您在网址中有额外的:。现在它会工作！ :)第二件事是你指的是文件系统。您需要编写File:///来创建URI。

注意：只需确保图片出现在该位置。

更多信息：https://developer.mozilla.org/en-US/docs/Web/CSS/background-image

Answer 3

background-image:url("../Background2.png")

如果是服务器，则需要在放置inetpub的地方添加正确的资产（如果是localhost）

如何使用CSS将本地文件用作背景图像？

3 个答案: