引言： 

	大家在进行开发的过程中，经常会有显示图片这个需求，但是却经常因为种种问题显示不了，接下来，我将详细叙述这个问题，希望对大家有所帮助。

图片显示不出，一般有三个问题：

一.图片所在路径错误

1.使用绝对路径
解决方法：
右键查看图片的详细属性，对比文件所在路径与书写的url,再进行修改即可。


2.使用相对路径
①要显示的图片和文件在同一目录下 

<body>
	<img src="timg.jpeg" >
</body>



②图片在html文件的下一级 

<body>
	<img src="img/timg.jpeg" >
</body>



③图片在html文件的上一级 

<body>
	<img src="../timg.jpeg" >
</body>
  • ./或者省略不写，表示图片在当前路径下，即第一种情况
  • . ./ 表示文件的上一级目录，即第三种情况
  • /表示当前路径的下一级，即第二种情况

其他的种种路径无非是这几种的组合，只需参照这三个例子修改路径即可


二.图片后缀名错误

系统自动隐藏了图片后缀名，本来是.png格式，却写成了.jpg或.jpeg

解决方法： 

右键查看图片的详细属性，观察图片的后缀名,再进行修改即可。



三.浏览器不支持

部分浏览器对有些路径书写方式不支持。

例子：
图片和文件的相对路径： 

<body>
	<img src="../timg.jpeg" >
</body>

结果：
safari：

firefox：