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: ‘(‘,‘)’,‘\,’.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效