背景图像路径不工作在firefox

Ion*_*iev 5 css firefox background image background-image

我遇到<li>了firefox加载背景图片的问题.

我原来的代码是:

background: #bdcad7 url(../images/navbg.png) repeat-x;
Run Code Online (Sandbox Code Playgroud)

这在Chrome和IE中运行良好但在FF中运行不佳.

background: #bdcad7 url(images/navbg.png) repeat-x; 
Run Code Online (Sandbox Code Playgroud)

也适用于IE和Chrome,但不适用于FF

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

background: #bdcad7 url(/includes/images/navbg.png) repeat-x; 
Run Code Online (Sandbox Code Playgroud)

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

我已经试过我能想到的所有变化./,../包括引号,双引号,使用background-image等,并不能让它在所有的浏览器.相对路径似乎在FF中看起来不同(我以前从未见过的东西)

在所有浏览器中有效的是拥有图像的完整URL或绝对路径,但在文本编辑器上每行3行,所以我想尽可能避免使用它.

任何洞察为什么firefox给我一个艰难的时间将不胜感激.

Ion*_*iev 2

我感谢所有的意见。尽我所能,我认为问题出在服务器端目录路径的某个地方。

我已经对 CSS 进行了两次和三次检查,尝试了所有可能的变化,并且无法在测试文档上重复该错误。

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

background:#F1F1F4 url(/dir1/dir2/dir3/dir4/includes/style/images/background.png) top left repeat-x;
Run Code Online (Sandbox Code Playgroud)