IE下图片不能正常显示问题

最新推荐文章于 2023-02-13 18:13:17 发布

濮家大少

最新推荐文章于 2023-02-13 18:13:17 发布

阅读量634

点赞数

文章标签： IE下<img>标签图片不显

本文链接：https://blog.csdn.net/qq_42527726/article/details/95317321

版权

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. 修改后结果：
在这里插入图片描述

濮家大少

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
IE下图片不能正常显示问题

1. 问题描述：IE下图片路径没错，但是<img … />标签不显示图片。2. 代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
复制链接

扫一扫