使用css的背景图像

Question

我想在我所有的网页中显示背景图片pages.My正文css代码

body{
  background-image:url('image/silver.jpg');
  background-repeat:no-repeat;
  background-size:cover;
 }

我将此页面包含在我的页面中

<link rel="stylesheet" type="text/css" href="css/body.css">

但这不能显示背景图像now.If我在头部包含了正文css代码，它显示背景图像。

Answer 1

CSS中的路径是相对于CSS文档的，而不是相对于网站的根目录。

我建议将图像(和所有样式资产)放在与样式表相同的目录中，以使路径更简单。

无论如何，将background-image属性更改为：

background-image:url('../image/silver.jpg');

...if站点的文件系统是这样的：

index.html
css/
    style.css
image/
    silver.jpg

在我看来，你的网站应该是这样的：

index.html
style/
    style.css
    silver.jpg
images/
    // put "content" images here (like a photo of yourself)...
    // ... not "style" images (e.g. a background gradient image).

Answer 2

确保您正确指定了映像的路径。也许您的CSS文件与HTML文件位于不同的目录中？