我网站的顶部横幅和背景图片仅在 IE 中显示，在 FF 中不显示。怎么了？答案

【问题标题】：My site's top banner and background images only show up in IE and not in FF. What's wrong?我网站的顶部横幅和背景图片仅在 IE 中显示，在 FF 中不显示。怎么了？
【发布时间】：2011-09-16 17:32:45
【问题描述】：

嘿，如果你能帮忙的话，谢谢，我一直在学习这个，我的第一个网站，现在我被难住了。

http://www.enviro-bridge.ca

似乎我最近更改了一些东西，阻止 FF 和 Crome 识别模板的图像。我不知道发生了什么。而且在 IE8 中看起来还不错！

如果您需要更多信息，请告诉我。

【问题讨论】：

查看验证器并修复您看到的所有错误。 XHTML 可能是一个棘手的文档类型。 validator.w3.org/…

标签： html css firefox cross-browser dreamweaver

【解决方案1】：

横幅图像的网址是您机器的本地地址。因此，即使在 IE 中，该站点也无法在任何其他计算机上运行。使网址相对于您网站的 ROOT 路径，如果您的服务器上有这些图像，它应该可以工作

background-image: url(file://///sanders/web/envirobridge/Publish/images/banner_bkgd.jpg);

应该是这样的：

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

【讨论】：

【解决方案2】：

我认为这可能与您的 css 文件有关：

background-image: url(file://///sanders/web/envirobridge/Publish/images/banner_bkgd.jpg);

你能用那个网址做些不同的事情吗？

【讨论】：

【解决方案3】：

不要对图片、链接等使用绝对路径。

在您的 CSS 中，您使用的是绝对路径，如下所示：

file://///sanders/web/envirobridge/Publish/images/content_bkgd_tile.jpg

使用相对路径。

【讨论】：