欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
您的位置:DIVCSS5首页 > div css问集 >

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

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

通过CSS样式解决方法一:
通过CSS对图片加一个浮动属性,比如.divcss5 img{ float:left }

扩展阅读:了解css float

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

扩展阅读:
1、html img图片
2、css img图片样式控制
3、css高度
4、css hack兼容
5、css字间距
6、css背景图片

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/wenji/w365.shtml

我要分享到:

必备CSS教程 Essential CSS Tutorials

必备HTML基础教程 Essential HTML Tutorials

如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解 或 直接DIVCSS5网页顶部搜索遇到DIVCSS疑问。
CSS教程文章修订日期:2013-01-22 20:30 原创:DIVCSS5
本文www.divcss5.com DIVCSS5版权所有。