一、以下是引发此BUG的条件:
必要条件:
li的子元素设置了浮动(例如:本例中的a设置了左浮动)
充要条件:
(IE6/7)li设置了width、height、zoom 之一 (例如:本文中的li设置了width)
(仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之一
解决方案:
方案一
li设置clear:left|both,这时 li不能设置width、height、zoom。
方案二
li设置float:left,这时.hotel_rank .rank_ul li可以设置width、height、zoom。
方案三
给li中的a设置vertical-align:top|middle|bottom
来自:
http://blog.sina.com.cn/s/blog_60b35e8301016125.html
二、
原因:
这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS属性之一:width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom
解决方法:
IE6/IE7的这个Bug可以通过给li中的div设置vertical-align:top|middle|bottom解决。只要加上vertical-align的值是三者之一即可
来自
http://it.chinawin.net/application/article-17546.html
分享到:
相关推荐
解决IE6 IE7 Firefox中li兼容问题
运用以上的代码可以使ie6支持li:hover的使用
在使用UL和LI显示文字的时候,由于IE浏览器对LI的文字长度没有默认强制令起一行。导致如果文字超出UL设定的宽度再先有的位置上折行,造成显示问题。 解决方法: 复制代码代码如下: ul li{ white-space:nowrap; } ...
多浏览器下IE6 IE7 firefox li 间距问题
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"&...
当li的子元素中有浮动(float)时,IE6/IE7中<li>元素的下面会产生4px空隙的bug。 XHTML 复制代码代码如下: ”list”> <li><div>vapour</div></li> <li>百度</div></li> <li>淘宝</div></li> <li>迅雷</div></li> ...
可以设置<li>的内容上下滚动,很好的东西哦
ie6 中 li 插入图片后下方有空隙 bug,这是 ie6 的有一个经典 bug。解决该 bug 有很多方法,今天我整理了下,共4种方法,给大家分享下。 首先附上代码: 复制代码代码如下: <!DOCTYPE HTML> <html lang=”en-...
<li>a</li> <li>a</li> <li>a</li> <li>a</li> <li>a</li> 我们遍历ul 下所有的li 并添加点击事件,一般我们会在for循环里面添加点击事件,但是结果和我们所期盼不一样,那么是为什么呢???? 接下来看看我们的...
经验证,其实是IE6的list-style-position属性造成的,默认情况下,Firefox中list-style-position值为 outside,即列表项符号会在LI标签的外面显示。而IE6的默认值则相反(inside)。不过这还不是问题关键,IE6完全是...
二 IE下判断IE版本的语句 2 1. 直接案例 2 2. 语法 3 3. 注意事项 4 三 常见css的兼容性问题 4 1. IE6下float元素margin加倍 4 2. IE6下图片下方有空隙产生 4 3. ie6下空标签高度问题 4 4. IE6下这两个层中间有间隙 ...
ul li 样式
li2-21.m(matlab)
ul li 换色 li 列表布局隔行,color from red tabs 背景颜色
摩托罗拉LI4278快速入门指南(中) 图文结合,基本常用功能的快速配置指导。
IE6下这两个层中间怎么有间隙 list-style-image无法准确定位的问题 LI中内容超过长度后以省略号显示的方法 web标准中定义id与class有什么区别吗 如何垂直居中文本 如何对齐文本与文本输入筐 为什么FF下面不能水平...
昨天到今天上午都在查一个IE的bug,情形如下:通过异步请求获取json数据,然后拼接成html代码,最后使用innerHTML类似方法...于是我就把这个bug定位于IE67,其实这时候我已经陷入了这个固定思维模式中,浪费了不少时间