常见的浏览器兼容性问题（中）
11. input.type属性问题
问题说明：IE下input.type属性为只读；但是Firefox下input.type属性为读写。
解决办法：不修改input.type属性。如果必须要修改，可以先隐藏原来的input，然后在同样的位置再插入一个新的input元素。
12. event.srcElement问题
问题说明：IE下，even对象有srcElement属性，但是没有target属性；Firefox下，even对象有target属性，但是没有srcElement属性。
解决方法：使用srcObj = event.srcElement ?event.srcElement : event.target;
如果考虑第8条问题，就改用myEvent代替event即可。
13. body载入问题
问题说明：Firefox的body对象在body标签没有被浏览器完全读入之前就存在；而IE的body对象则必须在body标签被浏览器完全读入之后才存在。
[注]这个问题尚未实际验证，待验证后再来修改。
[注]经验证，IE6、Opera9以及FireFox2中不存在上述问题，单纯的JS脚本可以访问在脚本之前已经载入的所有对象和元素，即使这个元素还没有载入完成。
14.事件委托方法
问题说明：IE下，使用document.body.onload = inject;其中function inject()在这之前已被实现；在Firefox下，使用document.body.onload = inject();
解决方法：统一使用document.body.onload=new Function(’inject()’);或者document.body.onload = function(){}
[注意] Function和function的区别。
15. Table操作问题
问题说明：ie、firefox以及其它浏览器对于table标签的操作都各不相同，在ie中不允许对table和tr的innerHTML赋值，使用js增加一个tr时，使用appendChild方法也不管用。
解决方法：//向table追加一个空行：
var row = otable.insertRow(-1);var cell = document.createElement("td");cell.innerHTML = "";cell.className = "XXXX";row.appendChild(cell);[注]由于俺很少使用JS直接操作表格，这个问题没有遇见过。建议使用JS框架集来操作table，如JQuery。
16.对象宽高赋值问题
问题说明：FireFox中类似obj.style.height = imgObj.height的语句无效。
Ø CSS
1. cursor:hand VS cursor:pointer
firefox不支持hand，但ie支持pointer
解决方法:统一使用pointer
17. innerText在IE中能正常工作，但在FireFox中却不行.
需用textContent。
解决方法:
if(navigator.appName.indexOf("Explorer") > -1){
document.getElementById('element').innerText = "my text";
} else{
document.getElementById('element').textContent = "my text";
}
18. CSS透明
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF：opacity:0.6。
opacity透明，子元素会继承透明属性。解决方式：1、使用background:rgba(0,0,0,.6) //IE8及以下无效果。2、使用定位，背景色与子元素处于同级关系。
19. css中的width和padding
在IE7和FF中width宽度不包括padding，在Ie6中包括padding.
�U�
交流：477706497
验证：管
b=c.�W�u�t�
