css中url的路径问题？

html-css011

css中url的路径问题？,第1张

我想你应该是不太熟悉css中的相对路径和绝对路径：\x0d\x0a"."代表当前所在目录，相对路径。如:文本或；\x0d\x0a".."代表上一层目录，相对路径。如:文本或；\x0d\x0a"../../"代表的是上一层目录的上一层目录，相对路径。如:；\x0d\x0a"/"代表根目录,绝对路径。如：文本或；\x0d\x0a"D:/abc/"代表根目录,绝对路径。\x0d\x0a在使用相对路径时，我们用符号“.”来表示当前目录；用符号“..”来表示当前目录的父目录。\x0d\x0a所以，这里应该是background:url(../../images/bgs/backg.png)0-418pxrepeat-x

我随便找了个树目录结构的图，以此图给你讲一下

此文件结构根目录为“文件树目录”，然后依次往下分类，其中有2个页面page1.html、page2.html分别在不同的地方，先以page1.html为例，分别讲一下相对和绝对路径的写法

比如我现在想让page1.html加载More directory目录下的jquery.min.js文件：

1、相对路径写法：/文件树目录/More directory/css/js/jquery.min.js

解释：相对路径，是根据文件根目录一级一级的找到你所需要的文件

2、绝对路径写法：../style.css/More directory/css/js/jquery.min.js

解释：绝对路径，是根据当前文件位置，找到所需要的文件，其中“../”是返回文件上一级。

补充：我们可以看到page1.html此时是在Primary directory里，我们想找的jquery.min.js在More directory/css/js/里，而Primary directory和More directory是“文件树目录”的子目录，属于兄弟关系，所以page1.html想找到jquery.min.js，就要先返回上一级，然后找到兄弟节点，然后一级一级往下找。

注：../是返回上级，../../是返回上上级，以此类推！