CSS背景 – 图像路径问题

在我的CSS中,我有以下内容：

#framecontentTop{
position: absolute;
top: 0;
left: 120px;
right: 0;
height: 100px;
overflow: hidden;
background-image: url(/Users/myname/Website Project/logo.jpg);
color: white;
}

我想用作背景图像的图像路径是/ Users / myname / Website Project / logo.jpg

但是,当我使用ID framecontentTop放入我的div时,它不会将图像(或实际上任何东西)显示为背景. CSS中没有其他div与它冲突,当我将framecontentTop的背景设置为颜色或将其保存为图像但将URL作为一些随机图像联机时,它会加载它.所以我只能假设问题是我如何指定图像的路径 – 谁能看到我在这里做错了什么？

非常感谢

解决方法

如果你有任何特殊字符,它们应该被转义,或者在白色空间的情况下,至少被引用,如下所示：

background-image: url("/Users/myname/Website Project/logo.jpg");

您可以看到W3C Spec的完整要求.

Some characters appearing in an unquoted URI,such as parentheses,commas,white space characters,single quotes (‘) and double quotes (“),must be escaped with a backslash so that the resulting URI value is a URI token: ‘(‘,‘)’,‘\,’.

原文地址：https://www.jb51.cc/css/215273.html