我有一个问题,我有一个背景图像,当我在 Dreamweaver 中使用它时,它会显示得非常好,但是一旦我上传了我的网站和 CSS 文件以及它不会显示的所有内容。
这是我的 CSS 代码:
.ELSsubbg {
background-image: url('../images/NTG_images.jpg');
background-repeat:no-repeat;
background-position:top left;
}
任何帮助都会很棒。
我有一个问题,我有一个背景图像,当我在 Dreamweaver 中使用它时,它会显示得非常好,但是一旦我上传了我的网站和 CSS 文件以及它不会显示的所有内容。
这是我的 CSS 代码:
.ELSsubbg {
background-image: url('../images/NTG_images.jpg');
background-repeat:no-repeat;
background-position:top left;
}
任何帮助都会很棒。
因为您在 CSS 中使用相对路径,所以样式表查找图像的位置可能与您直接在浏览器中查看图像的位置不同。
尝试使用图像目录的绝对路径而不是相对路径。假设您可以在浏览器中看到图像,http://www.website-name.com/images/NTG_images.jpg
尝试删除点以使路径从您网站的根目录变为绝对路径。
background-image: url('/images/NTG_images.jpg');
你上传图片了吗?你上传到正确的地方了吗?CSS 是否在您认为它应该在的地方寻找它?
回答这些问题的最简单方法是使用浏览器的开发工具(例如 Firebug)来观察您的页面产生的网络流量。查找它尝试加载图形的请求。它是否给出404错误?大概。
如果您收到 404,请查看它调用的 URL 以找出原因。答案应该很清楚。