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

IE6,IE7兼容性问题

时间:2016-08-15 17:12:40      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:

1 计算宽高要精确,不要让内容的宽高超出设置的宽高,内容会撑开设置好的宽高。

2 元素浮动,如果浮动元素的宽度需要内容撑开,就给里边的块元素都加浮动。

3 元素要通过浮动并在同一行,就给这行的元素都加浮动。

4 注意标签嵌套规范:块元素里不能嵌套块元素。

5 最小高度问题,元素的高度小于19px的时候,会被当做19px处理       解决办法:overflow:hidden;

6 border{1px dotted;} 1px的点线边框不支持              解决办法:切背景平铺。

7 解决margin传递要触发haslayout,父级有边框时,子元素的margin值消失  解决办法:触发父级的haslayout。

8 双边距BUG,块元素有浮动和margin横向值,横向的margin值会被放大成两倍     

                                     解决办法:diaplay:inline;

9 margin-right:(除了none的任意值)会使一行右侧的第一个元素有双边距。

10 li本身没浮动,但是li的内容有浮动,li下边就会产生一个间隙        解决办法:①给li加浮动;②给li加vertical-align:top;

11 最小高度问题和li的间隙问题共存时                   解决办法:给li加浮动,同时加overflow:hidden;

12 当一行子元素的宽度之和与父级的宽度相差超过3px,或者有不满行状态时候,最后一行子元素的margin-buttom就会失效。

13 文字溢出BUG,子元素的宽度与父级的宽度相差小于3px时,两个浮动元素中间有注释或内嵌元素就会发生文字溢出BUG

                                     解决办法:用div把注释或内嵌元素包起来。

14 当浮动元素和绝对定位元素是并列关系时,绝对定位元素会消失      解决办法:给绝对定位元素外面包个div。

15 有相对定位时,父级的overflow包不住子元素              解决办法:给父级也加相对定位。

16 绝对定位元素的父级宽高都是奇数时,元素的right值和buttom值会有1px的偏差。

17 position:fixed  IE6不兼容                      解决办法:JavaScrip处理。

18 不要给tbody或th同时给td或tr加背景样式

19 输入类型的表单控件上下各有1px的间隙                 解决办法:给input加浮动。

20 输入类型的表单控件加border:none;                   解决办法:重置input表单背景。

21 输入类型的表单控件输入文字时,背景图片会随着输入一起移动       解决办法:把背景加给父级。

 

注意:都是在IE6,IE7下兼容问题

IE6,IE7兼容性问题

标签:

原文地址:http://www.cnblogs.com/candy0601/p/5773453.html

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