如何在 CSS 中给出背景图像路径？

Question

我的 CSS 文件位于：

项目/网络/支持/样式/file.css

我的形象在：

项目/Web/images/image.png

我想在我的 CSS 文件中使用此图像。

我努力了 ：

 1) background-image: url(/images/image.png);
2) background-image: url('/images/image.png');
3) background-image: url("/images/image.png");
4) background-image: url(../images/image.png);
5) background-image: url('../images/image.png');
6) background-image: url("../images/image.png");

但。我没有在我的页面中看到这张图片。

在 css 文件中指定图像文件路径的正确方法是什么？

原文由 Jobin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

你的CSS在这里： Project/Web/Support/Styles/file.css

1时间 ../ ../../ Project/Web/Support 和2次 - 和2次 ../

尝试：

 background-image: url('../../images/image.png');

原文由 codingrose 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

有两种基本方法：

 url(../../images/image.png)

或者

url(/Web/images/image.png)

我更喜欢后者，因为它更容易在站点的所有位置使用和工作（对于内联图像路径也非常有用）。

请注意，我不会对文件夹进行如此深的嵌套。正如您所发现的，这似乎是不必要的，并且让生活变得有点困难。

原文由 ralph.m 发布，翻译遵循 CC BY-SA 3.0 许可协议