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">↓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>