IE6/7兼容问题，有哪些兼容问题

标签：

1.最小高度，小于19像素IE6自动扩展到19像素。

解决办法：overflow:hidden

2.边框点线(IE6)不支持（只是一个像素的时候才出现问题）dotted 

解决办法：切图片做背景

3.margin问题：<div class="box"><div class="div">margin</div></div>        

（1）、margin传递的时候不显示。解决办法：1.父级【子级】加float：left;2.zoom：1;

 （2）、margin传递：父级有边框的时候，子元素的margin值消失。解决：父级加zoom：1;

4.display:inline-block  在IE6/7下不支持块标签。无解决方法

5.浮动问题     （1）、IE6双倍距BUG（块元素有浮动和横向的margin值会被放大2倍）            解决：display：inline    

（2）、在IE6/7   LI本身没有浮动，内容有浮动。li下边会产生一个间隙     解决1：给LI加宽度跟加一个浮动。     解决2：给LI加vertical-align:top  

 (3)、当IE6最小高度问题和LI的间隙共存的时候。给LI加浮动跟宽度   

（4）、当一行子元素占有宽度之和和父级的宽度相差超过3像素（或有不满行的状态最后一行的子元素的下margin在IE6失效）  解决：无解决办法    

（5）、IE6文字溢出BUG。1.子元素的宽度跟父级的宽度小于3像素的时候。2.两个浮动元素中间有注释或者内嵌元素。  <div class="box">  <div class="left"></div>      <div><!-- IE6下的文字溢出BUG --><span></span></div>      <div class="right">&darr;leo是个大胖子</div>  </div>

  解决：用div把注释或者内嵌元素用div包起来  

(6).当浮动元素与绝对定位元素是并列关系的时候。IE下会消失。  解决：给绝对定位加一个DIV

6.定位  

（1）、IE6/7下，子元素有相对定位的话，父级overflow包不住子元素。         解决：给父级也加一个相对定位：

 （2）、在IE6下，绝对定位的父级宽高是气数的时候，元素的right和bottom的时候有1px的偏差。解决：无解决方法

 （3）、透明问题  IE:filter:alpha(opacity=70);    opacity:0.7;

7.表格表单

（1）、清除Google的边框     解决：outline: none;        

（2）、清除文本域的拉宽线   解决：overflow:auto;        

(3)、在IE6/7下输入类型的表单控件，有一个像素的上下间。        解决：给input加浮动        

（4）、在IE6/7下输入类型的表单控件，加border：none无效；   解决：1、border：0；    2、重置input背景  

（5）、在IE6/7下输入类型的表单控件输入文字的时候。背景图片会跟着文字走。   解决：1、把背景加给父级，再清除自身的背景。        

（6）label在IE6下是不能使用的。解决：<input type="radio" name="gender" id="a" /><label for="a">男</label>

IE6/7兼容问题，有哪些兼容问题

标签：

原文地址：http://www.cnblogs.com/haifei/p/4422451.html