1. 背景透明问题

你想... 在不同浏览器中实现背景透明效果的方法略有差异嗯。dui与Internet Explorer， 我们可yi使用以下代码实现背景透明：

filter: progid: );

吃瓜。 而dui与Firefox，则可yi采用以下方式实现：

opacity: 0.6;

在Internet Explorer中，还可yi使用以下代码实现背景透明：

filter: alpha;

3. 用 idName 字符串取得对象的问题

我坚信... 问题：在IE中，利用 eval 可yi取得 id 为 idName 的HTML对象，在FF中不Neng。

我深信... 解决方法：使用 getElementById 代替 eval，以确保兼容性。

4. JavaScript部分

4.1 设为首页

由于Chrome、 Safari、Opera浏览器还未支持自动“设为首页”和“加入收藏”，suo以我们只Nengtong过try、catch进行处理，并给出错误提示。一边，在IE中，当施行某些操作时可Neng会报错，suo以呢也需要给出提示信息，换位思考...。

4.2 XML兼容

Chrome浏览器加载XML文档时不支持load方法。可yitong过以下方法解决：

var xmlDoc = new DOMParser;

4.3 padding， margin，height，width 的傻瓜式解决技巧

注意：

编写标准DOCTYPE声明：

使用padding来设置高度， 慎用margin；设置height时尽量使用100%，除非父级height有固定值，子级height不用100%；当子级全为浮动时在底部添加一个空的clear:both的div。

设置宽度时尽量使用margin，慎用padding；计算宽度时要考虑padding的实际宽度，提到这个...。

5. 变量名与某HTML对象id相同的问题

问题：在FF中， 主要原因是对象id不作为HTML对象的名称，suo以可yi使用与HTML对象id相同的变量名，IE中不Neng。

解决方法：在声明变量时一律加上var，以避免歧义，这样在IE中亦可正常运行。当然Zui好不要取与HTML对象id相同的变量名，以减少错误。

6. display:block,inline 两个元素

display:block:可yi为内嵌元素模拟为块元素。

display:inline:实现同一行排列的效果，也是没谁了。。

恳请大家... display:table:for FF，模拟table的效果。

块元素的特点是：总是在新行上开始；高度、 行高以及顶和底边距dou可控制；宽度默认是它的容器的100%，除非设定一个宽度，躺平...。

嗯，就这么回事儿。 内嵌元素的例子有：、、、、 和 等。 行内元素的特点是：和其他元素dou在一行上；高度、 行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。 行内元素的例子有：、、、、、 和 等。 7. 与事件对象相关问题 7.1 event 对象的x,y属性问题 问题：在IE中， event对象有x,y属性，FF中没有。 可yi尝试增加代码margin:auto 18. guan与frame 问题：在IE中可yi用 来取得该frame，FF中不行。 suo以为避免出现层的重叠， 高度一定要控制恰当，huo者干脆不写高度，让它自动调节，比较好的方法是 height:100%; 但当这个div里面一级的元素doufloat了的时候，则需要在div块的后闭和前加一个沉底的空div，对应CSS是： .floatbottom { clear: both; height: 0px; font-size: 0px; padding: 0px; margin: 0px; border: 0px; line-height: 0px; overflow: hidden; } 17. 居中问题 div里的内容，IE默认为居中，而FF默认为左对齐。当funcAsync不为空时使用异步加载，否则是同步加载。 // 检查参数 if return null; if { if ) return null; } // 创建XML对象 try { xmlDoc = new ActiveXObject; // Support IE } catch { } if { try { xmlDoc = new DOMParser; // Support Firefox, Mozilla, Opera, etc xmlDoc = new XMLSerializer; } catch { } if return null; // 加载XML文档 xmlDoc.async = asyncIs; if { if { var xhr = new XMLHttpRequest; if // 异步 { xhr.onreadystatechange = function { if { var isError = false; if isError = true; funcAsync; } } xhr.open; try { xhr.send; } catch { funcAsync; return null; } return xhr; } } else { xmlDoc.load; } } else { xmlDoc.load; } } return xmlDoc; } 16. 高度问题 两上下排列或嵌套的div， 上面的div设置高度，如guodiv里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间，换个思路。。 // xmlUrl: xml文件的url。 // funcAsync: 回调函数. function onload{ ... } function xmlloadFile { var xmlDoc = null; var isChrome = false; var asyncIs = ; // 是否是异步加载。 Reference http:///?p=302 Chrome浏览器加载XML文档 Update 定义。 xmlloadFile: 为回调函数加上isError参数。 selectSingleNode selectNodes */ // 加载XML文件并返回XML文档节点 // return: 成功时返回一个对象，失败时返回空。 14. guan与frame 问题：在IE中可yi用 来取得该frame，FF中不行。 解决方法：.src = ""; = ""; 15. IE浮动margin产生的双倍距离 /* zyllibjsxml XML处理 @author zyl910 注意—— 1. Chrome由于其平安机制限制，不Neng读取本地文件。 解决方法：使用对象变量时quan部用标准的getElementById。 11. 背景显示问题 quan部注意补齐width，height属性。 12. XML处理 transformNode { if return ""; if return ""; if { // IE return xmlDoc.transformNode; } else { // FireFox, Chrome var xsltProcessor = new XSLTProcessor; xsltProcessor.importStylesheet; var result = xsltProcessor.transformToFragment; var xmls = new XMLSerializer; var rt = xmls.serializeToString; return rt; } } 12.3 得到节点的文本 function xmltext { if return ""; var rt; if { // IE rt = xmlNode.text; } else { // FireFox, Chrome rt = xmlNode.textContent; } if rt = xmlNode.data; // XML DOM return rt; } 13. 取得元素的属性 在FF中，自己定义的属性必须使用getAttribute取得。 解决方法：FF的event只Neng在事件发生的现场使用，此问题暂无法解决。可yi把event传到函数里变通解决： onMouseMove = "functionName" function functionName { e = e || event; ...... } 10.3 HTML对象的id作为对象名的问题 问题：在IE中， HTML对象的ID可yi作为document的下属对象变量名直接使用，在FF中不Neng。 按照我的思维，感觉padding应该算在width里面滴，没想到Chrome这么倔。 经过测试，border和padding一样，margin的值均算在“width”的外面。 10. 列表类问题 10.1 ul和ol列表缩进问题 消除ul、 ol等列表的缩进时样式应写成: {list-style:none;margin:0px;padding:0px;} 10.2 问题 使用 无法在FF上运行。当父padding=0且border=0时 Firefox中子div到父div的距离为0，子margin作用到父div外面。 这时Chrome就不干了。她居然把padding的20px加在了外面 这样div1的总宽度就是960px+10px+10px=980px； 操作一波... 而在IE中div1的宽度仍是960px。 解决方法：改用 作为下标运算，比方说： 改为 。 9.2 div嵌套时y轴上padding和margin的问题 在Firefox中， y轴上子div到父div的距离为父padding + 子margin；而在IE中，y轴上子div到父div的距离为父padding和子margin中较大的一个。 7.2 使用 这样的语句无法在FF下运行的问题 问题：代码中存在 这样的语句，不Neng在FF下运行。 解决方法：改用 ，以确保兼容性。 8. 清除浮动问题 不想受到float浮动影响时可yi在div中写入clear:both。 function setHomepage { if { try { document.body.style.background = "url"; document.body.style.behavior = "url"; return true; } catch { alert; } } else if { try { netscape.security.PrivilegeManager.enablePrivilege; } catch { alert; } var prefs = Components.classes.getService; prefs.setCharPref; } else { alert; } } 9. 背景和图片类问题 9.1 集合类对象问题 问题：代码中许多集合类对象取用时使用， IENeng接受，FF不Neng。 解决方法：在FF中， 与event.x等效的是event.clientX，但IE中没有这个变量。suo以呢，可yi采用event.clientX代替event.x，在IE中也有这个变量。 event.clientX与event.x有微妙的差别，就是滚动条。要wan全一样，可yi这样： mX = event.clientX ? event.clientX : document.documentElement.scrollLeft; ran后用mX代替event.x。