IE跟Firefox的区别.docVIP

IE跟Firefox的区别 一、ul和ol列表缩进问题 　　消除ul、ol等列表的缩进时，样式应写成：list-style:none;margin:0px;padding:0px; 　　其中margin属性对IE有效，padding属性对FireFox有效。← 此句表述有误，详细见↓ 　　[注] 这个问题尚未实际验证，待验证后再来修改。 　　[注] 经验证，在IE中，设置margin:0px可以去除列表的上下左右缩进、空白以及列表编号或圆点，设置padding对样式没有影响；在Firefox 中，设置margin:0px仅仅可以去除上下的空白，设置padding:0px后仅仅可以去掉左右缩进，还必须设置list-style:none才 能去除列表编号或圆点。也就是说，在IE中仅仅设置margin:0px即可达到最终效果，而在Firefox中必须同时设置margin:0px、 padding:0px以及list-style:none三项才能达到最终效果。 二、CSS透明问题 　　IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60)。 　　FF：opacity:0.6。 　　[注] 最好两个都写，并将opacity属性放在下面。 三、CSS圆角问题 　　IE：ie7以下版本不支持圆角。 　　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;。 　　[注] 圆角问题是CSS中的经典问题，建议使用JQuery框架集来设置圆角，让这些复杂的问题留给别人去想吧。 Javascript中的常见问题 1. 集合类对象问题 现有代码中许多集合类对象取用时使用 ()，IE 能接受，Firefox 不能。 解决方法：改用 [] 作为下标运算。如：document.forms(formName) 改为 Js代码 document.forms[formName]; //又如： document.getElementsByName(inputName)(1); //改为 document.getElementsByName(inputName)[1]; document.forms[formName]; //又如： document.getElementsByName(inputName)(1); //改为 document.getElementsByName(inputName)[1]; 2. DIV对象 在 IE 中，DIV对象可以使用ID作为对象变量名直接使用。在 Firefox 中不能。 DivId.style.display = none; 解决方法：document.getElementById(DivId).style.display = none; ps:得对象的方法不管是不是DIV对象，都应该使用getElementById方法。 3. 关于frame 现有问题：在 IE中 可以用window.testFrame取得该frame，mf中不行 解决方法：在frame的使用方面Firefox和IE的最主要的区别是： 如果在frame标签中书写了以下属性： 那么IE可以通过id或者name访问这个frame对应的window对象 而mf只可以通过name来访问这个frame对应的window对象 例如如果上述frame标签写在最上层的window里面的htm里面，那么可以这样访问 IE： window.top.frameId或者window.top.frameName来访问这个window对象 Firefox：只能这样window.top.frameName来访问这个window对象 另外，在mf和ie中都可以使用window.top.document.getElementById(frameId)来访问frame标签 并且可以通过window.top.document.getElementById(testFrame).src = xx.htm来切换frame的内容 也都可以通过window.top.frameName.location = xx.htm来切换frame的内容 4. 窗口 现有问题：IE中可以通过showModalDialog和showModelessDialog打开模态和非模态窗口，但是F