css里的图片路径怎么写

html-css022

css里的图片路径怎么写,第1张

../12/images/10.gif用的是相对路径,这个路径是

该css文件的上一级目录中的12这个文件夹里面的images文件夹里面的10.gif这张图片

你可以对照查看一下该图片是否存在

希望对lz有帮助

../12/images/10.gif用的是相对路径,这个路径是

该css文件的上一级目录中的12这个文件夹里面的images文件夹里面的10.gif这张图片

你可以对照查看一下该图片是否存在

希望对lz有帮助

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

现在来看两个文件目录:

/css/admin/main.js //js文件的目录

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

举例:

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

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

2、如果现在需要在一个jsp页面里定义这个图片路径,jsp页面ShowImage.jsp在test文件夹里,而test和css又在同一个目录下面,这时的图片路径就要有所改变了:

background-image:url(../css/admin/image/td-top-4.gif)这样即可正确的显示图片了。

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

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