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

Question

我的CSS文件位于:

项目/网络/技术支持/风格/ file.css

我的形象是:

项目/网站/图像/ 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次../意味着项目/网络/支持和2次../即../../意味着项目/网络

尝试:

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

Answer 2

有两种基本方法:

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

要么

url(/Web/images/image.png)

我更喜欢后者,因为它更容易使用并在网站的所有位置工作(这对内联图像路径也很有用).

请注意,我不会做那么多深层嵌套的文件夹.正如你所发现的那样,这似乎是不必要的,让生活变得有点困难.

Answer 3

使用以下.

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

这应该工作.