使用css的背景图像

Question

我想在我的所有网页中显示背景图片。我的身体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">

但是现在无法显示背景图像。如果我在头部包含身体css代码它会显示背景图像。

Answer 1

CSS中的路径与CSS文档相关，并且与您网站的根目录无关。

我建议将图片（和所有样式资源）放在与样式表相同的目录中，以使路径更简单。

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

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

...如果您的网站的文件系统是这样的：

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文件位于不同的目录中？