分类目录

统计信息

  • 日志总数:59篇
  • 评论总数:2条
  • 分类总数:9个
  • 标签总数:51个
  • 友情链接:3个
  • 网站运行:2929天

2018 年十二月
« 七    
 12
3456789
10111213141516
17181920212223
24252627282930
31  
现在位置:    首页 > 课堂回顾 > 正文
课堂回顾:路径错误导致图片不显示
课堂回顾 评论关闭

由于疏忽,没有考虑路径问题,一个头部图片没有引用出来。

lujing

实际上相对路径都是相对于书写路径的文件本身而言的,index调用样式表style.css,路径是css/style.css,因为css文件和index在同一层级下。而style.css再引用背景图片background:blue url(../images/**.jpg),则是以css样式表自身为定位出发点,寻找图片的,而图片不在样式表所在的文件夹,所有只能出了自身所在的文件夹去寻找,所以“../”表示走出本层文件夹去寻找,“../../”是出两层,以此类推,再进入其他文件夹去寻找。

绝对URL:要写全在internet中的特定文件所需要的全部内容。

相对URL:在相同目录下,直接书写文件名;在子目录下写“文件夹/文件名”;在父目录下写”../文件名”;根目录下写“/文件名”。

注意不要直接复制windows路径来定位文件,因为windows下用的是反斜杠“\”,这是当年浏览器大战,微软故意写反的。

本文版权归不读书的读书人所有,转载引用请完整注明以下信息:
本文作者:雾忍一望岳
本文地址:课堂回顾:路径错误导致图片不显示 | 不读书的读书人

【上篇】
【下篇】

抱歉!评论已关闭.