html img图片上方产生1像素px间隙解决

我们在IE6、IE7中常常会遇到图片上方会产生1像素空白距离。

通过CSS样式解决方法一：

通过CSS对图片加一个浮动属性，比如.divcss5img{float:left}

扩展阅读：了解css float

改变图片解决方法二：

将图片高度处理为单数（1、3、5、7单数），比如图片本身为200px高度，为了解决我们将图片PS处理成201px或199px高度。图片本身高度为202px双数在IE6和IE7浏览器中就会在图片上方产生多1px的空白距离。所以制作图片切图时候，让图片高度为单数（奇数）即可解决。

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容