您的位置:首页 > Web前端 > CSS

css中插入图片时的相对路径和绝对路径

2017-12-07 17:14 1691 查看
在CSS文件里,有时要用到background,即加一个背景图片,添加的路径根据图片及css文件的相对位置分以下两种类型:

1.同包下:background : url(xxx.jpg);

2.不同包: 在这种情况下有2中方法可以设置,一种是使用绝对路径,即C:\Users\dellpc\Desktop\Pro\test\images\xxx.jpg或者是http://www.xxx.com/xxx.gif这种,不过一般不推荐这么用,不利于项目移植;一种是使用相对路径,首先需要找到图片文件和css文件共同的一个根目录,然后再加上图片的子目录,比如:

css文件位置:Pro/test/css/style.css

图片文件位置:Pro/platform/images/xxx.jpg

想要找到共同的根目录就需要用到 “../” 这个路径的意思是上一级目录,如果是两层上级目录,就是 “../../” 那么,按照这种写法的话,a.css中得背景图片css应该这么写:

background:url(../../platform/images/xxx.jpg )
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  css url