Ie7兼容性小计

2018-03-14

介绍ie中的几个常用兼容操作

1.图片在IE7下出现一个框，去掉是加一个img{ border: 0px}
2.div 宽度默认是自由扩展的，只有加了float和position：absolute ，它的自由扩展才会失效，可以加个固定宽度width，或者设置position：absolute ; left：0px ; right : 0px; 强行拉宽width:100%不要随便使用，以免和padding border叠加

input里面文字前面需要空出位置，不要用text-indent，IE7会解析错误，用padding-left可保万无一失
1
<input name="" type="text"style="text-indent:30px" />

4.Input表单元素使用时先清除其固有样式属性
比如margin：0px padding：0px，如果有表单元素IE7下默认大小不一样，比如复选框，你可以强行加一个宽高写死14px

5.IE7关于input的父级div加margin-left 和float后，margin-left的距离会赋予到input的前面，问题解决是给该input加个div套住

<div　style="margin-left:100px;
float:left;background:#0066FF;  ">
<div><input name="" type="text" /></div>
</div>

6.用float的时候，有多2个以上元素并排，不许这个加了float，那个不加。
要全加上

1 2	<div style=”float:left”></div> <div></div> <div></div> <div></div>

7.注意UL li 和span的灵活使用，简单的文字编排，用span和结合使用，导航栏和较复杂的栏目才用ul li

8.如果有部分同学写页面无感或者兼容性很难把控，可以先用色块把大局做出来，再慢慢细化

9.宽高不要设置的太随意，尽量以内部元素自动撑开，如果已经写死，要注意内部元素会不会宽高太多撑爆这个外包的div

10.可以把页面大众字体，行距，字体大小，颜色全局控制，以防止页面小部分忘记设字体行距

1
2
3

body{ padding:0px; margin:0px;  
font-family:微软雅黑; font-size:12px;  
line-height:18px;}

*{} 对页面里每个标签都会影响到和body{}有本质区别

11.用了float后一定要无条件清除浮动 clear：both

12.中文字体起步价是12px,不要写成10，