css - 背景图像不会在网站上显示，但会在 Dreamweaver 中显示

Question

我遇到了一个问题，当我在 Dreamweaver 中使用它时，我的背景图像可以完美显示，但是一旦我上传了我的站点和 CSS 文件以及它不会显示的所有内容。

这是我的 CSS 代码:

.ELSsubbg {
    background-image: url('../images/NTG_images.jpg');
    background-repeat:no-repeat;
    background-position:top left;
}

任何帮助都会很棒。

Answer 1

因为您在 CSS 中使用相对路径，所以样式表查找图像的位置可能与您直接在浏览器中找到它时看到的位置不同。

尝试使用图像目录的绝对路径而不是相对路径。假设您可以在浏览器中看到位于 http://www.website-name.com/images/NTG_images.jpg 的图像，请尝试删除这些点以使路径从您网站的根目录开始。

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