4、列举你工作中遇到的IE6 BUG,谈谈解决方案

1.IE6下图片下有空隙产生
    解决这个BUG的方法也有很多,可以是改变html的排版,或者设置img 为display:block 或者设置vertical-align 属性为 vertical-align:top | bottom |middle |text-bottom 都可以解决.

2.IE捉迷藏的问 
    当div应用复杂的时候每个栏中又有一些链接,DIV等这个时候容易发生捉迷藏的问题。   
    有些内容显示不出来,当鼠标选择这个区域是发现内容确实在页面。 解决办法:对#layout使用line-height属性或者给#layout使用固定高和宽。页面结构尽量简单。

  
3.DIV浮动IE文本产生3象素的bug   
 左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距.   
   #box{ float:left; width:800px;}  
   #left{ float:left; width:50%;}  
   #right{ width:50%;}  
   *html #left{ margin-right:-3px; //这句是关键}   
   <div id="box">  
   <div id="left"></div>  
   <div id="right"></div>  
   </div>  

posted @ 2011-10-31 15:05  jinrui  阅读(432)  评论(0编辑  收藏  举报