一般我们在做项目的时候会做出这样的效果:
这样的效果在chrom下是没有问题的,但是ie6下会出来一个经典的bug就是图片和下面会有空隙类似这样:
其实解决这个问题的方法很简单:第一种,只需要给img加上display:block属性即可。或者给 li 加上 overflow:hidden; 或者给父级元素ul加上font-size:0;最后一种是设置 img 的 vertical-align 的值为 top/middle/bottom。
本文由免费oa系统78oa原创,转载请注明出处。