Question

我一直试图将图像作为背景，但是由于某些原因，它不起作用。

在下面，您将找到我的HTML和CSS。图片的名称为Background，尺寸为1280*720。

HTML：

<!DOCTYPE html>
    <html>
      <head>
              <title></title>
              <link rel="stylesheet" type="text/css" href="test.css">


        </head>
        <body >

            <header>

            </header>






            <footer></footer> 

        </body>      

    </html>

CSS：

body {
background: url("C:\Users\pro tech\Desktop\site web\Nouveau dossier: background.jpeg") no-repeat;

background-size: cover;
}

Answer 1

图片网址应相对于您的CSS文件而不是您的桌面。或者，相对于html文件，因为您有内联css。

该网址不正确。

应该是...

background：url（“ / images / background.jpeg”）

Answer 2

背景图像的url必须从该CSS文件所在的位置开始。如果需要返回文件夹，请使用../，这使我想到了下一个问题：确保您使用的是正斜杠而不是反斜杠。

示例：如果您现在在桌面上有CSS文件，则路径如下所示： url("site%20web/Nouveau%20dossier/background.jpeg");

Answer 3

也许是因为url链接上有空格？尝试将空白网址替换为％20

body {
background: url("C:\Users\pro%20tech\Desktop\site%20web\Nouveau dossier\background.jpeg") no-repeat;

background-size: cover;
}

或删除详细URL，如果图像与html和css放在同一文件夹中，则仅使用图像文件名

body {
background: url("background.jpeg") no-repeat;

background-size: cover;
}

Answer 4

将图像放在具有索引和CSS的文件夹中，然后添加具有文件新位置的CSS：

例如：

body {
background : URL("./image.jpeg") no-repeat;
}

Answer 5

您需要向身体添加一些高度或内容。现在高度为0px，因此背景图片未显示

无法将图片作为背景放在CSS上

5 个答案: