在我的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规范以了解完整要求.
出现在不带引号的URI中的某些字符(如括号,逗号,空格字符,单引号(')和双引号("))必须使用反斜杠进行转义,以便生成的URI值为URI标记:'(' ,')','\,'.
您使用的绝对路径将始终解析为服务器上的相同URL。如果将其放在元素A中有效但在元素B中无效,则问题可能出在URL之外,而不是URL background
或background-image
设置干扰。
我将使用Firebug的“检查元素”功能来确定是否还有其他背景设置优先。
带有空格的URL应始终用引号引起来:
background-image: url("/Users/myname/Website Project/logo.jpg");