html - 正文背景图像不使用 CSS 显示，仅在 HTML 中显示

Question

我有一个非常奇怪的问题。我曾尝试使用 CSS 来设置正文的背景，但它不允许我这样做。当我在标签中使用简单的 HTML 标签时

<body background="images/bg.jpg">

它的工作！但是当我在 CSS 中使用它时：

body { 
    background-image: url(../images/bg.jpg);
}

它不显示 BG 图像。

一切都是正确的，如果我检查文件夹，一切都在它的位置。我已经在 Chrome 和 Mozilla 中尝试过，但它们都不起作用。

有什么建议么？

score 2 · Accepted Answer

如果您的 CSS 是内联的：

<style>
    body { background-image: url('images/bg.jpg'); }
</style>

如果您使用的是文件，请说css/main.css：

body { background-image: url('../images/bg.jpg'); }

或者，您可以使用绝对路径：

body { background-image: url('/images/bg.jpg'); }

此示例要求图像目录位于 Web 根目录中。

score 1 · Accepted Answer

1

尝试url("./images/bg.jpg")或url("/images/bg.jpg")。

于 2012-10-21T22:46:39.007 回答

score 1 · Accepted Answer

我在这里遇到了完全相同的麻烦。我以为我什么都试过了，但是……还有一件事。

首先，我的css路径如下：

assets/css/custom/main.css

我的图像文件夹如下：

assets/img/bodyBackround.jpg

为了使用 css 在页面上显示我的背景，我必须返回 2 个文件夹。我页面中的示例：

body{
  background: url(../../img/bodyBackround.jpg) repeat;
}

其中../../意味着返回 2 个文件夹。希望这可以帮助。

3 回答 3