css – 背景图像路径不在firefox中工作

前端之家收集整理的这篇文章主要介绍了css – 背景图像路径不在firefox中工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我遇到了< 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;

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

我已经尝试了所有可以想到的变体./,.. /,包括引号,双引号,使用背景图像等,并且不能让它在所有浏览器中都能使用.相对路径似乎在FF中看起来不同(我以前从未见过的东西)

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

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

解决方法

我很感激所有的投入.
尽我所能,我认为它是沿着目录路径到达服务器端某个地方的问题.

我已经加倍并且三次检查了css,尝试了每种变化,并且不能在测试文档上复制错误.

我认为唯一的选择是寻找完整的绝对路径以防其他人遇到同样的问题.

background:#F1F1F4 url(/dir1/dir2/dir3/dir4/includes/style/images/background.png) top left repeat-x;
原文链接:https://www.f2er.com/css/446695.html

猜你在找的CSS相关文章