CSS背景图片URL无法加载

Question

我正在尝试在CSS中使用背景图像,但即使我给出了图像的完整路径,它也不起作用.Firebug显示"无法加载给定的URL".我确定该文件夹中没有权限问题.我的CSS课是

body {
background: url("H:/media/css/static/img/sprites/buttons-v3-10.png") repeat-x scroll left -800px #DCDCDC;
color: black;
font: 13px/1.2em arial,helvetica,clean,sans-serif;
height: 100%;
position: relative;
}

可能导致问题的原因是什么？

Answer 1

您正在使用本地路径.这真的是你想要的吗？如果是,则需要使用file:///前缀:

file:///H:/media/css/static/img/sprites/buttons-v3-10.png

显然,这只适用于您的本地计算机.

此外,在许多现代浏览器中,仅当页面本身也位于本地文件路径上时,此方法才有效.由于安全原因http://,从远程(,https://)页面寻址本地文件已被广泛禁用.

Answer 2

我知道这真的很老了,但是我发布了我的解决方案,因为google找到了这个帖子.

background-image: url('./imagefolder/image.jpg');

这就是我做的.两个点表示向后钻取一个靠近根".."的目录,而一个"." 应该意味着从你所在的地方开始,就好像它是根.我有类似的问题,但补充说,修复它给我.你甚至可以离开"." 在上传到主机时,因为只要您的目录设置完全相同,它就可以正常工作.

Answer 3

源位置应该是URL(相对于css文件或完整Web位置),而不是文件系统完整路径,例如:

background: url("http://localhost/media/css/static/img/sprites/buttons-v3-10.png");
background: url("static/img/sprites/buttons-v3-10.png");

或者,您可以尝试使用file:///协议前缀.