在我的 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/