web 路径

css文件里的路径

1、应用场景

设置元素的背景图片

示例

根路径/index.jsp

<div class="line-search-left">
												<a class="icon-updown" title="切换起点和终点" οnclick="changeStartPositionAndEndPosition();"></a>
											</div>

根路径/css/common/biz.min.css

.line-search-left a.icon-updown{
	top:50%;
	margin-top:-28px;
	background-image: url(../../images/pathPlan/updown.png);
	cursor:pointer
}

注：路径是这么来计算的，

1）先看当前.css文件所在路径。

2）然后，使用../依次找到项目的根路径。   //就这个例子而言，../表示css目录，../../表示根目录。

3）找到了根路径之后，直接在../../这个后面补上图片的路径就可以了。    //在这个例子里，就是补上

images/pathPlan/updown.png

2、总结

../，是指当前文件的上一级目录：比如，上面例子里的背景图片所在路径是，根路径/images/pathPlan/updown.png。

../../，是指当前文件的上上一级目录。

./或者不写，是指当前文件的当前目录。