今天小编跟大家讲解下有关css里面图片路径问题(同包/不同包)探讨 ，相信小伙伴们对这个话题应该有所关注吧，小编也收集到了有关css里面图片路径问题(同包/不同包)探讨 的相关资料，希望小伙伴们看了有所帮助。
在CSS文件里 有时要用到background 即加一个背景图片 一般在做按钮样式时会经常用到。 css中加背景图片根据图片及css文件的相对位置分一下几种类型： 1.同包下：background : url(aaa.gif); 2.不同包： 在这种情况下有2中方法可以设置 一种是使用绝对路径 即http://www.iteye.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" 合在一起后就是上面的结果了。来源：爱蒂网
