CSS中的图片路径如何修改

发布网友

我来回答

共4个回答

热心网友

　　在CSS文件里，有时要用到background，即加一个背景图片，一般在做按钮样式时会经常用到。
　　css中加背景图片根据图片及css文件的相对位置分一下几种类型：
　　1.同包下：background : url(aaa.gif);
　　2.不同包：
　　在这种情况下有2中方法可以设置，一种是使用绝对路径，即http://www.域名.com/aaa.gif这种，不过一般不推荐这么用，不利于项目移植；一种是使用相对路径，首先需要找到图片文件和css文件共同的一个根目录，然后再加上图片的子目录，比如：
　　css文件位置：WebRoot/test/css/a.css
　　图片文件位置：WebRoot/platform/resource/images/icons/a.gif
　　想要找到共同的根目录就需要用到 "../" 这个路径的意思是上一级目录，如果是两层上级目录，就是 "../../" 那么，按照这种写法的话，a.css中得背景图片css应该这么写：
　　background:url(../../platform/resource/images/icons/a.gif)
　　详解：
　　首先，我们观察这两个文件的位置，可以发现，共同的根目录是WebRoot，
　　我们首先在a.css的位置找到WebRoot，所以有了"../../" 然后拼接图片的子目录的路径 又有了"platform/resource/images/icons/a.gif" 合在一起后就是上面的结果了。

热心网友

地址路径有两种：1、绝对路径 2、相对路径
1、绝对路径 :
C:\aaa\bbb\ccc\ddd.jpg (不推荐)
http://www.baidu.com/aaa/ccc.jpg
2、相对路径 ： 相对是相对于引用的文件， 把引用的文件作为参考
例如：
img/6.jpg
../../../../aaa/bbb/ccc/ddd.jpg ../表示上一级目录
/aaa/bb/ddd.jpg
<img src="http://localhost/img/1.jpg" />
<img src="../../img/2.jpg" />

热心网友

url('/images/001.gif')改'/images/001.gif' 就行了 最好是相对于根目录

热心网友

<style type="text/css">
body
{
background-image:
url('images/001.gif')
}
</style>