尽管目前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 FF则是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