html如何通过路径查找图片,css添加图片怎样找图片路径？

css添加图片怎样找图片路径？

在CSS文件里，有时要用到background-image，即加一个背景图片，一般在显示标题时会经常用到。

现在来看两个文件目录:/css/admin/main.css //css文件的目录

/css/admin/image/show.gif //图片的目录

举例：

(相关课程推荐：css视频教程)

1、现在在main.css文件里要用show.gif来做背景图片，那么要这样来写：background-image:url(image/td-top-4.gif);

这样写路径是因为main.css和image文件夹都是在css目录下的。

2、如果现在需要在一个jsp页面里定义这个图片路径，jsp页面ShowImage.jsp在test文件夹里，而test和css又在同一个目录下面，这时的图片路径就要有所改变了：background-image:url(../css/admin/image/td-top-4.gif);

这样即可正确的显示图片了。

这里的../是指回到上一层目录，如果是上两层目录呢？那就是../../。

当然，如果加上绝对路径不管怎么样都不会出错了，不过不推荐使用绝对路径，不利于程序的移植。