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; } #框架内容顶部{ 位置：绝对位置； 排名：0； 左：120px； 右：0； 高度：100px； 溢出：隐藏； 背景图片：url（/Users/myname/Website-Project/logo.jpg）； 颜色：白色； } 其中，我要用作背景图像的图像路径是/Users/myname/Website Project/logo.jpg

但是，当我将ID为framecontentTop的div放入时，它不会显示图像（或者任何东西）作为背景。CSS中没有与之冲突的其他div，当我将framecontentTop的背景设置为颜色或将其作为图像保留，但将URL作为随机图像在线时，它会很好地加载。因此，我只能假设问题在于我如何指定图像的路径——有人能看到我在这里做错了什么吗

---

非常感谢

您使用的绝对路径将始终解析为服务器上的同一URL。如果将其放在元素A中时有效，但在元素B中无效，那么问题可能不是URL，而是另一个

背景

或

背景图像

设置

我将使用Firebug的“Inspect Element”函数来确定是否有其他背景设置优先

带空格的URL应始终使用引号，顺便说一下：

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

---

如果您有任何特殊字符，则应将其转义，或者在空格的情况下，至少应将其引用，如下所示：

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

您可以查看有关完整需求的详细信息

出现在无引号URI中的某些字符，如括号、逗号、空白字符、单引号（'）和双引号（“），必须用反斜杠转义，以便生成的URI值是URI标记：“（”，“）”，“\，”

---

如果使用javascript处理元素，只需添加“，如下所示

element.style.backgroundImage = 'url(' + '"' + imageUrlVariable + '"' + ')';

---

注意：当然！如果您使用Angular处理typescript，也可以使用此解决方案

谢谢，我结合Jesse上面的建议尝试了此解决方案，但我仍然得到了相同的解决方案（缺少a）结果！@Nick-不，现在这些都是本地的，所以它的路径是file:///Users/myname …@Deacon-那就不行了，它在寻找与网站根相关的东西。你能让它相对吗？只需

url（logo.jpg）

？@Nick-再次感谢，我尝试了一下，奇怪的是，它可以与同一目录下的另一个图像一起工作……但不是我想要的特定图像？！我现在真的不知道问题出在哪里！@Deacon-CSS文件是否与图像在同一目录下，如果不是的话，它们是如何关联的？