我遇到了firefox中<li>加载的背景图片问题。
我原来的代码是：
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中看起来不同（我以前从未见过的东西）
在所有浏览器中有效的是拥有图像的完整网址或绝对路径，但在文本编辑器上每行3行，所以我希望尽可能避免使用它。
任何关于为什么firefox给我一个艰难时期的见解将不胜感激。
答案 0 :(得分：2)
我很欣赏所有的输入。 尽我所能，我认为它是沿着目录路径到达服务器端某处的问题。
我对css进行了加倍和三重检查，尝试了每种变化，并且无法在测试文档上复制错误。
我认为唯一的选择是选择完整的绝对路径以防其他人遇到同样的问题。
background:#F1F1F4 url(/dir1/dir2/dir3/dir4/includes/style/images/background.png) top left repeat-x;
答案 1 :(得分：1)
正确的语法是
background: #bdcad7 url(../images/navbg.png) repeat-x right top
所以你可能需要添加最后两个参数才能正常工作 如果你给我们网站结构，那将会有很大的帮助。
答案 2 :(得分：0)
确保包含背景的div有一定的高度。另外，请确保图像文件名相对于CSS文件的路径。
可以在此处找到更多可能的解决方案 - Background image is not displayed in Firefox
答案 3 :(得分：0)
使用''尝试url('../images/navbg.png')。无论如何，我这样做，它似乎没有受伤，所以也许它会有所帮助？值得一试。
答案 4 :(得分：0)
background：url（“../ images / navbg.png”）repeat-x向右滚动＃BDCAD7;