本地背景图片无法加载

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 

我失踪了吗？

Answer 1

This should have worked。

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

而且，这应该工作以及

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

我的猜测是，你有一些缓存问题。你的第一次尝试是错误的，/../img/students.jpg高于文档根目录一级，这是不可能的。也许这个带有这个错误的CSS已经被你的浏览器缓存了，一旦你用上面的解决方案之一修复了你的css文件，就尝试多次点击CTRL + F5（或者完全清除浏览器的缓存）。