荡平众浏览器差异，从此兵来将挡，水来土掩

      尽管目前IE chrome 以及FireFox都逐渐解析HTML与CSS逐渐趋于统一，但世界这么大，鬼明白用户用的是撒子浏览器，拿自身来讲，喜欢用Chrome，很少用IE与Chrome。作为一名开发人员，我们能做的就是专业与志注。

   现在总结一下，各浏览器中的主要差异与特征。

JS方面：

1、 float的写法

     IE下styleFoat

     FF下cssFloat

    Chrome下float 与cssFloat

2、class的写法

   IE 下className

   FF与Chrome采用class

3、鼠标位置

  IE 系列event.clientX(Y)

 FF或Chrome支持clientX与pageX

4、窗口宽度 IE与FF Chrome 都是document.body.clientWidth 而window.innerWidth是支包括滚动条的宽度 ie6不支持window.innerWidth

5、半透明的设置 IE9可以用 filter: alpha(opacity=50); FF与Chrome采用opacity: 0.5

6、ff没有removeNode方法,只有removeChild

7、childNodesFF中会把notetype=3的文本也作为节点，ie不会

8 ff中没有innerText只有用textContent来代替

9、键盘值的取得 ie event.keyCode FF是event.which

10、事件源,ie srcEleMent　　ＦＦ则是target

CSS方面：

1、IE6 下<div style="position:relative;padding:2opx"><div style="position:absolute"></div></div> ie6是按装padding来定位，其它是按bolder定位

2、ie6 <div style="float:left "/><div >a</div>没有指定高度内容差3px，指定高度后div间差3px

http://www.cnblogs.com/ilexcai/archive/2011/08/20/2147173.html#t2