li里放图片在IE6下高度出现问题

sundoo 楼主

<style type="text/css"> * { margin: 0; padding: 0; } img { border: 0; padding: 0; margin: 0; } ul { list-style: none; } .hotmai li { background: #CCC; width: 237px; height: 94px; padding: 0; } .hotmai li img { padding: 0; } .hotmai li.title { background: #F8F8F8; height: 20px; } </style> <div class="hotmai"> <ul> <li><a href="/business/orange/content.php" title=""><img src="http://www.hodpk.com/adupload/image/12587004725961.jpg" width="237" alt="" /></a></li> <li><a href="/business/orange/content.php" title=""><img src="http://www.hodpk.com/adupload/image/12587004725961.jpg" width="237" alt="" /></a></li> <li><a href="/business/orange/content.php" title=""><img src="http://www.hodpk.com/adupload/image/12587004725961.jpg" width="237" alt="" /></a></li> </ul> </div>

运行代码 复制代码 另存代码  提示：您可以先修改部分代码再运行

在IE7/8 FF下在图片下面均不会出现黑色的线条（这是我加的li的背景颜色），就是在IE6下会出现

[ 本帖最后由 sundoo 于 2009-11-30 18:43 编辑 ]

sundoo 楼主

.hotmai li里加一个font-size:0;就可以解决

heluyao

解决方法还有一种， vertical-align:top;  这样也可解决

ariesjia

或者可以给
img

display：block

gzse7en

图片CSS加上display:block

berne

应该在预设的时候就给图片加上img {display:block;}这样省心多了