• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号
登陆 注册

css里面图片路径问题(同包/不同包)探讨

原作者: [db:作者] 来自: [db:来源] 收藏 邀请
在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" 合在一起后就是上面的结果了。

鲜花
握手
雷人
路过
鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
More+
上一篇：
在FireFox中导入导出Cookies与收藏夹的解决办法发布时间：2022-06-21
下一篇：
常用元素默认margin和padding值问题探讨发布时间：2022-06-21
热门推荐
More+
热门话题
More+
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服（服务时间 9:00～18:00）

在线QQ客服
地址：深圳市南山区西丽大学城创智工业园
电邮：jeky_zhao#qq.com
移动电话：139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap