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