5

我<li>在 Firefox 中加载背景图像时遇到问题。

我的原始代码是：

background: #bdcad7 url(../images/navbg.png) repeat-x;

它在 chrome 和 IE 中运行良好，但在 FF 中运行良好。

background: #bdcad7 url(images/navbg.png) repeat-x;

也适用于 IE 和 chrome 但不适用于 FF

让它在 FF 中工作的唯一方法是如果我包含下一个目录级别

background: #bdcad7 url(/includes/images/navbg.png) repeat-x;

但这在其他浏览器中不起作用。

我已经尝试了所有我能想到的变体./，../包括引号、双引号、使用background-image等，但无法让它在所有浏览器中工作。相对路径似乎在 FF 中读取不同（这是我以前从未见过的）

在所有浏览器中有效的是具有图像的完整 url 或绝对路径，但每个在文本编辑器上占用 3 行，所以我想尽可能避免它。

任何关于为什么 Firefox 给我带来困难的见解都将不胜感激。

4

5 回答 5

2

我感谢所有的意见。尽我所能，我认为这是目录路径中服务器端某处出现的问题。

我已经对 css 进行了两次和三次检查，尝试了所有可能的变体，并且无法在测试文档上复制错误。

我认为唯一的选择是采用完整的绝对路径，以防其他人遇到同样的问题。

background:#F1F1F4 url(/dir1/dir2/dir3/dir4/includes/style/images/background.png) top left repeat-x;
于 2012-11-21T20:43:24.217 回答
1

正确的语法是

background: #bdcad7 url(../images/navbg.png) repeat-x right top

因此，您可能必须添加最后 2 个参数才能使其正常工作。
如果您向我们提供站点结构，将会有很大帮助。

于 2012-11-16T20:09:06.207 回答
0

尝试url('../images/navbg.png')使用“”。无论如何我都会这样做，而且它似乎并不疼，所以也许它会有所帮助？值得一试。

于 2012-11-16T20:12:21.377 回答
0

背景：url（“../images/navbg.png”）重复-x滚动右上方#BDCAD7；

于 2012-11-19T10:09:01.003 回答
0

确保包含背景的 div 具有一定的高度。此外，请确保图像文件名与 CSS 文件的路径相关。

更多可能的解决方案可以在这里找到 -背景图像在 Firefox 中不显示

于 2012-11-16T20:02:07.573 回答