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

我知道这真的很老了，但是我发布了我的解决方案，因为谷歌找到了这个帖子。

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

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

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:///协议前缀。

Answer 4

图片的源网址可以是http://www.google.co.il/images/srpr/nav_logo73.png或https://https.openbsd.org/images/tshirt-26_front.gif等网站上的网址，或者如果您想使用本地文件，请尝试以下网址：url（“file：/// MacintoshHDOriginal / Users / lowri / Desktop / acgnx / image s / images / acgn-site-background-X_07.jpg“）

CSS背景图片URL无法加载

4 个答案: