img src为空, ie加载显示白点

最新推荐文章于 2021-07-02 15:32:54 发布

原创最新推荐文章于 2021-07-02 15:32:54 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

web 专栏收录该内容

2 篇文章

订阅专栏

本文描述了一种在IE8浏览器中出现的图片显示问题——图片中间出现白点的现象，并通过测试发现该问题仅限于IE8，提供了使用透明图片作为解决方案。

最近在学习SSHE发现在图片中间会出现一个白点(如下图). 该情况仅在IE8上出现.且原项目系统也不会出现该问题.

怪事了.

于是测试如下: 测试代码

<style>
.iconImg{
	cursor: pointer;
	background:url(1.jpg);
}
.one{ fixed top;
background:url(1.jpg);
background-repeat:no-repeat;

}
</style>
<body> 
	<img  src="1.jpg" height="200" width="230" />
	<img  src="1.jpg" height="200" width="230" />
	<img  src="1.jpg" height="200" width="230" />
	<img  src="1.jpg" height="200" width="230" />
	<img  src="1.jpg" height="200" width="230" />
	<br />
	<img class="iconImg" title="查看1" height="200" width="230" src="透明图片.png" />
	<img class="iconImg one" title="查看2" height="200" width="230" />
</body>
</html>

测试效果如下

所谓的白点应该就是img src为空的那个图标 , 即出现在操作按钮中那个"白点".

解决方案就是src= 透明的图片即可.

很少写前台. 连很基本的东西都不会. 惭愧.