前端设计

当前位置/ 首页/ 前端设计/ 正文

css bug如何解决IE6及更早浏览器下当li内部元素是定义了display:block的内联元素时底


  如何解决IE6及更早浏览器下当li内部元素是定义了display:block的内联元素时底部产生空白的问题? BUG重现:

a,span{display:block;background:#ddd;}

<ul>
	<li><a href="http://css.doyoe.com/">CSS参考手册</a></li>
	<li><a href="http://blog.doyoe.com/">CSS探索之旅</a></li>
	<li><a href="http://demo.doyoe.com/">web前端实验室</a></li>
	<li><span>测试li内部元素为设置了display:block的内联元素时底部产生空白</span></li>
</ul>

  测试li内部元素为设置了display:block的内联元素时底部产生空白

  如上代码,IE6及更早浏览器每个li内部的内联元素底部都会产生空白。解决方案是给li内部的内联元素再加上zoom:1

相关热词搜索:css bug 浏览器 ie

分享到:

我要评论

微信订阅

打开微信,点击底部的“通讯录”,点击右上角的 “添加” 搜号码 andk_in 或查找公众号 莎龙 即可。