码迷,mamicode.com
首页 > 其他好文 > 详细

前端工程师IE6兼容性问题随笔(未完待续)

时间:2015-11-08 23:45:11      阅读:177      评论:0      收藏:0      [点我收藏+]

标签:

1 height.在IE6下元素高度小于19px的时候,会被当做19px来处理。
解决办法:用overflow:hidden;来处理
.box{height:2px;background:red;overflow:hidden;}


2 1px dotted(1px的点线)在IE6下不支持
解决办法:且背景图片平铺


3 margin.兼容性问题的爆发点。无法触发haslayout,无法解决margin的传递,在IE6下父级有边框的时候(也 就是设置了border的三元素的时候),子元素的margin值会消失。
解决办法:触发父级的haslayout
zoom:1;


4 float.IE6下双边距BUG,IE6下块元素有浮动和横向的margin值,横向的margin值会被放大成两倍。
margin-right 一行中右侧的第一个元素有双边距
margin-left 一行中左侧的第一个元素有双边距
解决办法:display:inline;


5 li .IE6/7下,li本身没浮动,但是li里的内容有浮动,li下边就会产生一个间隙
解决办法:1:给li家浮动
2:给li加vertical-align
6 当IE6下最小高度问题和li的间隙问题共存的时候,给li加浮动
解决办法:overflow:hidden;float:left;width:300px;

7 父级元素宽度与子集宽度总和占有问题(设置margin:Xpx;):
当一行子元素占有的宽度之和和父级的宽度相差超过3px;或者其中有一行不满行,也就是横排不满的状态时,最后一行子元素的下margin载IE6下就会失效。

8 IE6下的文字溢出BUG
子元素的宽度和父级的宽度相差小于3px的时候,两个浮动元素中间有注释或者有内嵌元素。就会溢出到下行
解决办法:用DIV将注释和内嵌元素包起来,或者将父级的宽度设置大一点。

前端工程师IE6兼容性问题随笔(未完待续)

标签:

原文地址:http://www.cnblogs.com/yangqiongfu/p/4948622.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!