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

Question

我的 CSS 文件在:

元素/Web/Support/Styles/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文件中指定图片文件路径的正确方法是什么？

Answer 1

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

1 次 ../ 表示 Project/Web/Support 和 2 次 ../ 即 ../../ 表示元素/Web

尝试:

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