当前位置:  开发笔记 > 编程语言 > 正文

CSS背景 - 图像路径问题

如何解决《CSS背景-图像路径问题》经验,为你挑选了2个好方法。

在我的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作为一些随机图像联机时,它会加载它.所以我只能假设问题是我如何指定图像的路径 - 谁能看到我在这里做错了什么?

非常感谢



1> Nick Craver..:

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

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

您可以查看W3C规范以了解完整要求.

出现在不带引号的URI中的某些字符(如括号,逗号,空格字符,单引号(')和双引号("))必须使用反斜杠进行转义,以便生成的URI值为URI标记:'(' ,')','\,'.



2> Pekka suppor..:

您使用的绝对路径将始终解析为服务器上的相同URL。如果将其放在元素A中有效但在元素B中无效,则问题可能出在URL之外,而不是URL backgroundbackground-image设置干扰。

我将使用Firebug的“检查元素”功能来确定是否还有其他背景设置优先。

带有空格的URL应始终用引号引起来:

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

推荐阅读
低调pasta_730
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有