多浏览器下IE6 IE7 firefox li 间距问题第1/2页
2007-11-16 00:00
405 查看
今天小雷提到一个ie5下li产生空白行距的问题,下面来测试一下。
新建一个简单的HTML测试文件,下面来测试ul li标签。
测试一,定义css为如下代码,效果如下:
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;width:120px;}
ul li{background:green;height:20px;}
ul li a{color:#fff;padding:0 0 0 10px;}
发现在IE5和IE5.5下左边都产生了空白,并且在IE5下,LI之间的行距产生空白,如下图
新建一个简单的HTML测试文件,下面来测试ul li标签。
<ul> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> <li><a href="#">菜单一</a></li> </ul>
测试一,定义css为如下代码,效果如下:
body{font-size:12px;margin:0}
ul{list-style:none;margin:0;padding:0;width:120px;}
ul li{background:green;height:20px;}
ul li a{color:#fff;padding:0 0 0 10px;}
发现在IE5和IE5.5下左边都产生了空白,并且在IE5下,LI之间的行距产生空白,如下图
相关文章推荐
- 多浏览器下IE6 IE7 firefox li 间距问题第1/2页
- Div+CSS浏览器兼容问题( FireFox IE6 IE7 IE8 IE9)
- [CSS Hack]解決IE6、IE7、IE8、Firefox的浏览器兼容问题
- CSS浏览器兼容问题(IE6_0、IE7_0 与 FireFox)
- IE6、IE7中li底部3px间距BUG
- div+css 兼容ie6 ie7 ie8 ie9和FireFox Chrome等浏览器方法
- css解决IE6,IE7,firefox兼容性问题
- 用CSS代码来判断浏览器是Firefox、IE6、IE7的网页特效代码
- 区分IE6,IE7,firefox区别不同浏览器,CSS hack写法
- Firefox、Chrome、IE9、IE8、IE7、IE6等浏览器HTTP_USER_AGENT汇总
- 区分IE6,IE7,firefox三种浏览器的CSS HACK
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- CSS问题1:div中 li宽度不固定 ie6和ie7不兼容不自动换行
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- js实现图片上传前的预览,实现完美兼容Firefox3,IE6,IE7,IE8和IE9的显示问题
- ie6 ie7 ie8 共存以及Firefox浏览器CSS兼容写法
- 关于ie6,ie7,ie8,firefox 的div兼容问题
- 浏览器HTTP_USER_AGENT汇总——Firefox、Chrome、IE9、IE8、IE7、IE6
- CSS对IE7,IE6,FireFox和其它不同浏览器的控制
- css解决IE6,IE7,firefox兼容性问题[2]