1. 问题描述:
IE下图片路径没错,但是<img … />标签不显示图片。
2. 代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>演示</title>
</head>
<body>
<h1 style="color: red">演示</h1>
<img src="../images/a.jpg" style="width: 200px; height: 200px; border: 1px solid red">
</body>
</html>
3.结果:
Google Chrome下:
IE浏览器下:
4. 原因:
5. 解决方法:
选中图片右键打开编辑,或者在打开方式中选择画图将图片打开:
重新保存图片jpg格式即可,其他格式类型不可用也是同样道理
6. 修改后结果: