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给我一个艰难的时间将不胜感激.
我感谢所有的意见。尽我所能,我认为问题出在服务器端目录路径的某个地方。
我已经对 CSS 进行了两次和三次检查,尝试了所有可能的变化,并且无法在测试文档上重复该错误。
我认为唯一的选择是使用完整的绝对路径,以防其他人遇到同样的问题。
background:#F1F1F4 url(/dir1/dir2/dir3/dir4/includes/style/images/background.png) top left repeat-x;
Run Code Online (Sandbox Code Playgroud)