浏览器兼容

IE的兼容问题：

css:

1,div插入图片间隙

       A:div与img写在同一行，img转化成块状，display：bliock;

2.双边距问题

     给浮动元素加display：inline；

3.IE6有默认高度

    A给定font-size：  px;  B over-flow：hidden；

4.表单行高不一致

    给元素加float：left；

5.按纽大小不一致

    A 用a标签代替按纽 B在元素的外边加一个标签，将按纽样式清空 C:直接用图片代替按纽；

6.百分比问题

    当各占 50%时，清楚左右浮动。

7.鼠标指针异常

    cursor：pointer；

8,.透明 度filter：alpha（opacity=20） opacity:0.2

9.过滤器

    属性前加_,ie6识别，属性前加 * ，+    ie6 ie7识别  关键词：important(ie6不识别)

9.ie不识别 min-height  只有默认的18px高度

10.css3所有的动画属性前加   -ms

javscript:

事件冒泡；

     ie在事件冒泡阶段执行事件，取消事件冒泡 window.event.cancelBubble= true

事件代理:

     event = window.event  dom.attachEvent() , 目标元素 event.srcElement;

创建ajax请求：

    if(window.XMLHttpRequest){

         xhr =new XMLHttpRequest()

   }else{

       xhr = ActiveXObject("MSXML2.XMLHttp")

j兼容html5标签

var  arr =[''section',''head','''footer']

for(var i=0;i<arr.length;i++){

document.createElement(arr[i]);

}

低版本兼容到高版本

使IE5,IE6兼容到IE7模式（推荐）
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE7.js" type="text/javascript"></script>
<![endif]-->

使IE5,IE6,IE7兼容到IE8模式
<!--[if lt IE 8]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta)/IE8.js"type="text/javascript"></script>
<![endif]-->

使IE5,IE6,IE7,IE8兼容到IE9模式
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js" type="text/javascript"></script>
<![endif]-->

降级IE版本为7.0
<meta http-equiv="X-UA-ompatible" content="IE=EmulateIE7" />
另外;
<meta http-equiv="X-UA-Compatible" content="IE=7" />
http://www.goldenbull-neil.com/