html img图片上方产生1像素px间隙bug解决
我们在IE6、IE7中常常会遇到图片上方会产生1像素空白距离html img图片上方产生1像素px间隙bug解决。
通过CSS样式解决方法一:
通过CSS对图片加一个浮动属性,比如.thinkcss img{float:left}(html img-html图片)
改变图片解决方法二:
将图片高度处理为单数(1、3、5、7单数),比如图片本身为200px高度,为了解决我们将图片PS处理成201px或199px高度。图片本身高度为202px双数在IE6和IE7浏览器中就会在图片上方产生多1px的空白距离。所以制作图片切图时候,让图片高度为单数(奇数)即可解决。
其它相关文章:
1、字间隔
2、文字间隔
3、字与字间距
4、图片撑破div
5、图片撑开DIV宽度
上一页: 上一篇:CSS之图片撑破撑开div层宽度解决方法
下一页: 下一篇:没有了
下一页: 下一篇:没有了
HTML必备基础教程
- • html换行br标签
- • html段落p标签
- • html table tr td th表格标签
- • html内容body标签
- • html图片img标签
- • html form表单标签
- • html input表单标签
- • html列表菜单跳转select标签
- • html div
- • html span
- • html em强调标签
- • html u下划线
- • html斜体i标签
- • html加粗b标签
- • html strong加粗标签
- • html删除线s标签
- • base链接打开方式标签
- • html iframe内嵌
- • html ul li无序列表
- • html ol li有序列表
- • html font文本标签
- • html hr水平线
CSS必备基础教程
- • css颜色 css color)
- • css宽度 css width
- • css高度 css height
- • css行高 css line-height
- • css 字间距 css letter-spacing)
- • CSS border(CSS边框
- • CSS font-family CSS字体
- • CSS 斜体 CSS font-style
- • CSS加粗 CSS font-weight
- • CSS 下划线 CSS text-decoration
- • CSS字母大小写 CSS text-transform
如对文章有任何疑问请提交到DIV CSS论坛,或有任何网页制作CSS问题立即到CSS论坛发贴求解。
CSS教程文章修订日期:2012-08-26 点击:
次
原创来源:ThinkCSS 来源网址:http://www.thinkcss.com/view/da69.html
本文WWW.ThinkCSS.COM(DIV CSS) ThinkCSS版权所有,欢迎转载,并注明出处来源及URL!。