CSS当中的相对路径和绝对路径

html-css026

CSS当中的相对路径和绝对路径,第1张

"." 代表当前所在目录, 相对路径 。如:<a href="./abc">文本</a>或<img src="./abc" />;

".." 代表上一层目录, 相对路径 。如:<a href="../abc">文本</a>或<img src="../abc"/>;

"../../" 代表的是上一层目录的上一层目录,相对路径。 如:<img src="../../abc" />;

"/" 代表根目录, 绝对路径 。 如:<a href="/abc">文本</a>或<img src="/abc"/>;

"D:/abc/" 代表根目录, 绝对路径 。

在使用相对路径时,我们用符号“.”来表示 当前目录 ;用符号“..”来表示 当前目录 的父目录。

图片访问路径是<img src="../image/login.jpg"/>,

然后页面显示就不正确了 中的错误

图片访问路径为<img src="image/login.jpg"/>不变

图片路径是相对于css的位置,css的位置没有变,所以图片的路径不用变

可以点击图片右键查看图片的路径,进行修改!!!

楼主说的两种都是相对路径,只不过第一种是01文件夹不是当前文件夹下的,而第二种是当前文件夹下的文件夹。

绝对路径是只 http://www.baidu.com/xx/01/xx.gif

或者 /xx/01/xx.gif 这种叫做绝对路径,从站点目录开始的算起

楼主说的../ 是上一级,或者父路径的意思。。。

建议,百度一下 相对路径 绝对路径 看看概念。。。

——————————————————————————————

就用绝对路径吧,绝对路径就是根据站点目录为根目录的。如果还有疑问,在线咨询吧。。