Html Can'；不要将图像作为背景放在css上_Html_Css

Html Can'；不要将图像作为背景放在css上

html css

Html Can'；不要将图像作为背景放在css上,html,css,Html,Css,我一直试图把一个图像作为背景，但由于某种原因，它不起作用下面是我的HTML和CSS。图像的名称为Background，大小为1280*720 HTML： <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="test.css"&

我一直试图把一个图像作为背景，但由于某种原因，它不起作用

下面是我的

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>

你需要给身体增加一些高度或内容。目前高度为0px，因此背景图像不显示

您需要在主体中添加一些高度或内容。目前高度为0px，因此背景图像不显示

图像url应与css文件相关，而不是与桌面相关。或者相对于html文件，因为您有内联css

url太离谱了

它应该是像

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

图像url应该与css文件相关，而不是与桌面相关。或者相对于html文件，因为您有内联css

url太离谱了

它应该是像

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

背景图像的url需要从CSS文件所在的位置开始。如果你需要返回一个文件夹，你可以使用

。/

，这将引导我做下一件事：确保你使用的是正斜杠，而不是反斜杠

示例：如果现在桌面上有CSS文件，则路径如下：

url（“站点%20web/Nouveau%20docsier/background.jpeg”）
背景图像的url需要从CSS文件所在的位置开始。如果你需要返回一个文件夹，你可以使用。/
，这将引导我做下一件事：确保你使用的是正斜杠，而不是反斜杠
示例：如果现在桌面上有CSS文件，则路径如下：
url（“站点%20web/Nouveau%20docsier/background.jpeg”）可能是因为url链接上有空格？
尝试用%20 替换空白URL
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;
} 

可能是因为url链接上有空格？
尝试用%20 替换空白URL
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;
} 

将图像放在索引和Css所在的文件夹中，然后使用文件的新位置添加Css：
例如：
body {
background : URL("./image.jpeg") no-repeat;
}

将图像放在索引和Css所在的文件夹中，然后使用文件的新位置添加Css：
例如：
body {
background : URL("./image.jpeg") no-repeat;
}

图像的URL看起来非常错误；你能为你的项目显示文件结构吗？@Deepak我试着在一个有更多内容的主体上显示，但仍然存在同样的问题图像的URL看起来非常错误；你能为你的项目显示文件结构吗？@Deepak我试着在一个有更多内容的主体上显示，但仍然存在同样的问题