浏览器兼容问题

CSS

1. 问题：在没有加样式控制时，会造成对margin和padding的解析不同

解决方法：*{margin:0; padding:0;}

2. 问题：块状元素，设置float，且有横行的margin，会造成IE6显示的margin比设置的大

解决方法：在float标签样式控制中加display：inline；

3. 问题：img间有间隔

解决方法：设置img为float

4. 使用hacker

◆IE6认识的hacker 是下划线_ 和星号 *

◆IE7 遨游认识的hacker是星号 *

比如这样一个CSS设置：height:300px;*height:200px;_height:100px; 

JS

1. 删除节点

问题：在火狐中不支持removeNode

解决方法：通过object.parentNode.removeChild(object)来实现removeNode了。

2. 判断是否存在某个方法

例如在创建AJAX时

var xmlhttp;
if (window.XMLHttpRequest)
{
    //  IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
    xmlhttp=new XMLHttpRequest();
}
else
{
    // IE6, IE5 浏览器执行代码
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}