关于img标签绝对路径的问题

来源:3-11 编程练习

MuLeI

2021-01-20 21:58:19

在使用绝对地址形式加载图片时,无法加载图片

相关截图:

图片描述图片描述

相关代码:

<p>图片显示方式-相对路径<img src="image/wen.jpg" alt="相对路径" /></p>
<p>图片显示方式-绝对路径<img src="C:/Users/XXX/Downloads/HTML入门源码/img/html/image/wen.jpg" alt="绝对路径" alt="绝对路径" /></p>

尝试过的解决方式:

观察浏览器地址在盘符前有"/",尝试在绝对地址中盘符前添加"/"后正常显示,想知道是什么原因

相关截图:

图片描述图片描述

相关代码:

<p>图片显示方式-相对路径<img src="image/wen.jpg" alt="相对路径" /></p>
<p>图片显示方式-绝对路径<img src="/C:/Users/XXX/Downloads/HTML入门源码/img/html/image/wen.jpg" alt="绝对路径" alt="绝对路径" /></p>
写回答

1回答

好帮手慕小脸

2021-01-21

同学你好,在盘符前加/是因为火狐浏览器的识别问题,老师这边测试也是需要加上的:

http://img.mukewang.com/climg/6008ed3109dd816e06460428.jpg

http://img.mukewang.com/climg/6008ed5209c9faa308490562.jpg


其次这里老师也测试运行了谷歌浏览器以及360浏览器是不用加/的。如下:

http://img.mukewang.com/climg/6008eba2091172a308710681.jpg

祝学习愉快~

0

0 学习 · 16556 问题

查看课程