CSS 背景图像路径问题

标签 css background-image

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

关于CSS 背景图像路径问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2405333/

相关文章:

html - 使用 css 宽度仅填充 60% 的星号

html - 所有浏览器中的一种选择框样式

html - CSS、HTML 布局 : relative div inside absolute div flows outside its container

css - SVG 元素之间的奇数间距

html - 如何使用填充垂直/水平居中 CSS 背景图像

java - 如何将图像尺寸最大化为 JPanel 的尺寸

css - 不显示内联背景 SVG 图像

html - 当 'div' 打开时,强制元素向下移动,这样它们就不会与 'details' 相交

html - 背景位置动画运行不流畅

html - 如何让封面照片出现在 iPhone Safari 上