C语言 c++ php mysql nginx linux lnmp lamp lanmp memcache redis 面试 笔记 ppt 设计模式 问题 远程连接

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) {}
};

 

 

 

 

 

 

 

 

 

 

 

 

 

posted on 2013-07-31 23:50  思齐_  阅读(389)  评论(0编辑  收藏  举报