本地背景图片未加载

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

应该有效。

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

此外，这应该也适用

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

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