Question

怎样设置CSS背景图片路径

请教一下我的CSS如何设置背景图片路径.HTML文件在当前文件夹,CSS文件在当前文件夹-ZHUANQIAN-STYLE-ZHUANQIAN.CSS.图片文件在当前文件夹-ZHUANQIAN-IMAGES-2.JPG.

Answer 1

.a{background-image:url(图片路径)}
图片路径可以是绝对路径、根相对路径和文档相对路径
绝对路径是包括服务器协议的完全路径，比如“百度主页”，完全路径为：http://www.baidu.com/index.htm，如果所要链接当前站点之外的文档，就必须使用绝对路径。
相对路径包括根相对路径（Site
Root）和文档相对路径（Document）两种。
根相对路径（也称相对跟目录）的路径以“/”开头，路径是从当前站点的根目录开始计算。比如我们前面建的D盘myweb目录就是名为“myweb”的站点，这时“/index.htm”
路径，就表示文件位置为D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件，这样即使站点中的文件被移动了，其链接仍可以生效。
文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础开始计算路径。比如，当前网页所在位置为
D:\myweb\mypic，那么：
“a.htm”就表示
D:\myweb\mypic\a.htm；
“../a.htm”相当于
D:\myweb\a.htm，其中“../”表示当前文件夹上一级文件夹。
“img/a.gif”是指
D:\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为
img
文件夹。
文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。
换成图片路径也是
一样的道理

Answer 2

在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);这样即可正确的显示图片了。
这里的../是指回到上一层目录，如果是上两层目录呢？那就是../../。
当然，如果加上绝对路径不管怎么样都不会出错了，不过不推荐使用绝对路径，不利于程序的移植。

Answer 3

background:url(../-ZHUANQIAN-IMAGES-2.JPG./XXX.jpg);

url(../) ../用来返回上一层目录，然后在进入图片目录-ZHUANQIAN-IMAGES-2.JPG.，读取到你要的图片文件名XXX.jpg就可以了

Answer 4

background:url(../-ZHUANQIAN-IMAGES-2.JPG./XXX.jpg);

url(../) ../用来返回上一层目录，然后在进入图片目录-ZHUANQIAN-IMAGES-2.JPG.，读取到你要的图片文件名XXX.jpg就可以了

Answer 5

你的路径要用相对路径，而且文件名组号是英文或数字格式命名
可以改成p.girl{background-image:url(ciji.jpg)}
这个情况是指你所在页面的style和 ciji.jpg是同一个目录。

回答第二个问题，那个#是链接地址，假如你要链接到百度，就把#换成百度的网址就可以了