IE兼容问题及处理

1.在IE6下，子元素能撑开父级设置好的宽高
2.IE6下的最小高度，高度小于19px的元素在IE6下会被当做19px来处理

解决办法:overflow:hidden;

3.IE6下 不支持1px的点线

4.在IE6下父级有边框，可能会导致子元素的margin值失效
解决办法:触发父级的haslayout

5.
在IE下不写文档声明就会进入盒模型的怪异解析;
盒模型的怪异解析：

怪异盒模型
width=可视宽
content=width-padding-border

6.在IE6下标签兼容：解决办法 <script src="html5shiv.js"></script>  创建新标签 上传过文件；

7.IE7及IE7之前的IE，只支持给a标签设置伪类，并且只支持l-v-h-a这四个伪类
解决办法:javascript

8.IE6,7下，inline-block对块标签没有效果了

9.在IE6，7下元素浮动之后，如果宽度是固定的，一定记得设置宽度，如果宽度需要内容撑开，就给他里边的块元素都加浮动

10.需要并在同一行的元素最好都加浮动

11.IE6，7下li本身没浮动，但是内容有浮动，li下边就会多出来几像素的空隙
解决办法:
1.给li浮动

2.给li加垂直对齐方式

12.当li下的空隙问题和IE6下最小高度问题并存的时候，给li加浮动

13.IE6下的双边距BUG

在IE6下，块元素，有浮动，并且有横向的margin，横向的margin值会放大成两倍

解决办法: display:inline

14.在IE6下，父级的宽度和每行元素的宽度之和相差超过3px，最后一行下margin失效

15.两个浮动元素中间有注释或者内嵌元素并且和父级宽度相差不超过3px，文字就被复制

16.haslayout
haslayout 是Windows Internet Explorer渲染引擎的一个内部组成部分。在InternetExplorer中，一个元素要么自己对自身的内容进行计算大小和组织，要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念，渲染引擎采用了 hasLayout 的属性，属性值可以为true或false。当一个元素的 hasLayout属性值为true时，我们说这个元素有一个布局（layout）

根据自身的内容大小或者父级的大小，来计算自己的大小

display: inline-block
height: (任何值除了auto)
float: (left 或 right)
position: absolute
width: (任何值除了auto)
zoom: (除 normal 外任意值)

IE7以上的
* min-height: (任意值)
* max-height: (除 none 外任意值)
* min-width: (任意值)
* max-width: (除 none 外任意值)
* overflow: (除 visible 外任意值)
* overflow-x: (除 visible 外任意值)
* overflow-y: (除 visible 外任意值)
* position: fixed

17.IE6实现三角形
border:1px dashed #000;

18. .clear{zoom:1;} 变焦，缩放
19.❶在IE6，7下子元素有相对定位，父级的overflow对它不起效果
解决办法：给父级也加相对定位
❷在IE6下，浮动元素和绝对定位元素是并且关系的话，定位元素会消失掉

解决办法：给它父级包一个div
❸在IE6下，绝对定位父级的宽度（高度）是奇数的话，元素的right（bottom）就会有1px的偏差

❹在IE6下，使用margin负值，使元素移出父级部分，移出部分会被父级截掉;
解决办法:给元素加相对定位
20.表单
❶label标签 加for属性
❷焦点问题 outline:none
❸input上下2px的空隙
解决办法:给input浮动

❹input在IE6下加：border:none 无效果
解决办法:
①border:0;
②重置input的背景

❺在IE6，7下输入类型的表单控件，输入文字的时候，背景图会随着一起移动
解决办法:背景加给父级

21.IE6,不支持PNG的透明度;

解决办法：JS处理；上传过JS文件；
滤镜：
_background:none;_filter : progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/png.png", sizingMethod="crop"

22.条件注释语句
<!--[if IE]>
这是IE
<![endif]-->
<!--[if IE 9]>
9
<![endif]-->
23.ie hack
IE8之后的IE识别 \0
IE10及IE10之后的IE识别 \9
IE7及IE7之前的IE识别 * +
IE6及IE6之前的IE识别 _
24. !important
可以更改默认的CSS样式优先级规则，使该条样式属性声明具有最高优先级