background-image不会在网站上显示，但会在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');

Answer 2

您上传了图片吗？你有没有把它上传到正确的地方？ CSS是否在您认为的位置寻找它？

回答这些问题的最简单方法是使用浏览器的开发人员工具（例如Firebug）来监控您的网页生成的网络流量。查找尝试加载图形的请求。是否给出了404错误？可能。

如果您要获得404，请查看其呼叫的URL以找出原因。答案应该变得清晰。