解决JS在firefox和IE下差异问题(1)(4)
17.cursor:handVScursor:pointer
firefox不支持hand,但ie支持pointer
解决方法:统一使用pointer
18.innerText在IE中能正常工作,但是innerText在FireFox中却不行.
解决方法:
- if(navigator.appName.indexOf(Explorer)>-1){
- document.getElementById('element').innerText=mytext;
- }else{
- document.getElementById('element').textContent=mytext;
- }
19.FireFox中类似obj.style.height=imgObj.height的语句无效
解决方法:
obj.style.height=imgObj.height+'px';
20.ie,firefox以及其它浏览器对于table标签的操作都各不相同。
在ie中不允许对table和tr的innerHTML赋值,使用js增加一个tr时,使用appendChile方法也不管用。
解决方法:
- //向table追加一个空行:
- varrow=otable.insertRow(-1);
- varcell=document.createElement(td);
- cell.innerHTML=;
- cell.className=XXXX;
- row.appendChild(cell);
21.padding问题
padding5px4px3px1pxFireFox无法解释简写,必须改成padding-top:5px;padding-right:4px;padding-bottom:3px;padding-left:1px;
22.消除ul、ol等列表的缩进时
样式应写成:list-style:none;margin:0px;padding:0px;
其中margin属性对IE有效,padding属性对FireFox有效
23.CSS透明
IE:filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。
FF:opacity:0.6。
24.CSS圆角
IE:不支持圆角。
FF:-moz-border-radius:4px,或者-moz-border-radius-topleft:4px;-moz-border-radius-topright:4px;-moz-border-radius-bottomleft:4px;-moz-border-radius-bottomright:4px;。
- 上一篇:解析J2ME对话框选择功能的实现
- 下一篇:解析JS中实现打印的两大方式






