ie6/7 bug大全

 

 1. ie6/7下ul高度变高

　　 li 加 vertical-align:bottom;

 2.ie6不支持min-height

　　a:height:auto !important; height:100px ; min-height:100px;

　　b: min-height:100px; _height:100px;

3.ie6双倍边距  浮动元素设置margin-left 或 margin-right 后在ie6下为设置是2倍，

　　a.增加display:inline;属性

　　b.浮动元素本身就用内敛元素（如 span、a、em）

4.行内元素换行引起的空白（所有浏览器都有这个问题）

　　a.不换行，影响阅读

　　b.让元素浮动（荐）

　　c.父级元素设置font-size:0, 子级在设置需要的font-size（ie6/7下会存在1px的间距）

5. ie6 margin负值部分无法看到

　　增加position:relative;属性即可  可以理解为设置相对定位后元素的层级提高了

6. ie6下li间会多出一行空（很大）白， li 中的内敛元素设置为块（block）元素则会出现此bug

　　a.去除ul中所有的空格

　　b.内敛元素增加 height:1% 或 zoom:1 属性

7. ie6下li间会多出一行空（很小几像素）白， li 中的内敛元素设置为块（inline-block）元素则会出现此bug

　　a.讲li内的元素设置为浮动即可

8.ie6/7 li左浮动文字不换行

　　设置 ul{ white-space:nowrap;} 强制文字不换行

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

//解决ie6 背景图片不缓存的问题
if (B.ie6) {
    try {
        document.execCommand("BackgroundImageCache", false, true);
    } catch(e) {}
};