web项目中经常会用到background-image:url(),很多小伙伴不知道该怎么写需要的图片路径。
在此之前先要知道几个重要的东东:
- / 项目根目录 这个不用多说,就是程序最上层的目录
- ./ 当前目录 当前文件所在的目录
- ../ 父级目录 当前文件的父目录
假设有项目结构路径如下:
在style.css文件中为某个html元素设置background-image,所使用的图片为shadow_light.png,那么怎么设置路径呢?
那么可以这样设定图片路径:
- style.css文件所在的目录(即当前目录)下的image文件夹中的shadow_light.png图片,也就是./image/shadow_light.png。
- style.css文件的父级目录(style.css所在的目录是Content,所以它的父级目录就是Content所在的目录)下的Content文件夹中的image文件夹中的图片shadow_light.png,也就是../Content/image/shadow_light.png。
- 根目录下的Content文件夹中的image文件夹中的图片shadow_light.png,也就是/Content/image/shadow_light.png。