IE6下ul li a img下,img下面多余5像素空白的bug
2011-05-17 14:16
357 查看
在写类似如下代码时:
可以看到 IE 6中,li 的表现高度,并非我们设定的像素值,而是比其要高,这是因为 img 下面多出了 5px 的空白。
网上提供了很多的解决方法,个人觉得最方便的做法是,在ul的CSS中进行如下设置:
<ul> <li><a href="#"><img src="imgs/1.png"/></a></li> <li><a href="#"><img src="imgs/1.png"/></a></li> <li><a href="#"><img src="imgs/1.png"/></a></li> </ul>
可以看到 IE 6中,li 的表现高度,并非我们设定的像素值,而是比其要高,这是因为 img 下面多出了 5px 的空白。
网上提供了很多的解决方法,个人觉得最方便的做法是,在ul的CSS中进行如下设置:
ul{ width:固定宽度; font-size:0px; }
相关文章推荐
- 【转载】IE6 BUG 图片元素img下 高度超出 出现多余空白
- 解决 IE6 下 img 多余 5 个像素的空白
- IE6下img多余5像素空白
- IE6下 li有多余空白其实就是ul的padding-top值被li继承了
- IE6中的图片元素img下出现多余空白BUG
- 解决 IE6 下 img 多余 5 个像素的空白
- 在进行页面的DIV CSS排版时,遇到IE6(当然有时Firefox下也会偶遇)浏览器中的图片元素img下出现多余空白的问题绝对是常见的对于该问题的解决方法也是“见机行事”。
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- 解决CSS下img图片多余空白或者是表格中有空隙Bug的方案
- IE6下li会继承ul属性的bug、产生条件、解决办法
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- 【IE6的疯狂之六】li在IE中底部3像素的BUG(增加浮动解决问题)
- IE6图片元素img下出现多余空白问题
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- li margin-bottom在IE6,7中底部3像素的BUG
- 图片设置解决CSS下img图片多余空白或者是表格中有空隙Bug的方案
- IE6图片元素img下出现多余空白的问题
- IE下img多余5像素空白
- IE下img多余5像素空白解决方法