css - 本地背景图片未加载

Question

这看起来很简单，但由于某种原因无法正常工作。我在 css 中有一个背景图像（本地），如下所示：

#header { background-image: url('/../img/students.jpg'); }
/*also tried this */ #header { background-image: url('../img/students.jpg'); }

但它不会加载。这是目录结构：

---css
-------styles.css
---img
-------students.jpg

有什么我想念的吗？

score 2 · Accepted Answer

这应该有效。

#header { 
    background-image: url('../img/students.jpg'); 
}

此外，这也应该有效

#header { 
    background-image: url('/img/students.jpg'); 
}

我的猜测是您遇到了一些缓存问题。您的第一次尝试是错误/../img/students.jpg的，比文档根目录高一级，这是不可能的。您的浏览器可能已缓存了带有此错误的 css，一旦您使用上述解决方案之一修复了 css 文件，请尝试多次按 CTRL + F5（或完全清除浏览器的缓存）。

1 回答 1