CSS 中属性的兼容记载

1.IE7中 去除ul li前面的空格

   1.设置ul的 margin: 0px 0px 0px 0px;padding: 0px;

   2.设置li的  padding: 0px;

2.css设置div的最小高度

  #obj{
      min-height:500px;
     _height:500px;
   }

 1. min-height:500px这是针对IE7和FF的，因为IE6不支持min-height属性。

 2._height只有IE6才认识，对IE7和FF不起作用

3.css 设置最小宽度

    #obj{
     min-785px;
e xpression(document.body.clientWidth < 800 ? "785px" : "100%" );
   }

4.为兄弟节点添加事件

   1.新式浏览器

  window.onload = function () {
                    var orgs = document.getElementsByName("orgname");
                    for (i = 0; i < orgs.length; i++) {
                        orgs[i].onmouseover = function (event) {
                            e = event ? event : window.event;
                            t = e.target || e.srcElement;
                            var obj = this.nextElementSibling.nextElementSibling.nextElementSibling;
                            if (obj.style.display != "block") {
                                obj.style.left = getPointerX(e) + "px";
                                obj.style.top = getPointerY(e) + "px";
                                obj.style.display = "block";
                            }
                        }
                        orgs[i].onmouseout = function (event) {
                            e = event ? event : window.event;
                            t = e.target || e.srcElement;
                            var obj = this.nextElementSibling.nextElementSibling.nextElementSibling;
                            if (obj.style.display != "none") {
                                obj.style.left = getPointerX(e) + "px";
                                obj.style.top = getPointerY(e) + "px";
                                obj.style.display = "none";
                            }
                        }
                    }
                }

  2.IE7，IE6 等浏览器

 function showdivmo(obj, event) {
            e = event ? event : window.event;
            t = e.target || e.srcElement;
            if (obj.nextElementSibling != null) {
                var obj = obj.nextElementSibling.nextElementSibling.nextElementSibling;
            }
            else {
                var obj = obj.nextSibling.nextSibling.nextSibling;
            }
            if (obj.style.display != "block") {
                obj.style.left = getPointerX(e) + "px";
                obj.style.top = getPointerY(e) + "px";
                obj.style.display = "block";
            }
        }
        function showdivout(obj, event) {
            e = event ? event : window.event;
            t = e.target || e.srcElement;
            if (obj.nextElementSibling != null) {
                var obj = obj.nextElementSibling.nextElementSibling.nextElementSibling;
            }
            else {
                var obj = obj.nextSibling.nextSibling.nextSibling;
            }
            if (obj.style.display != "none") {
                obj.style.left = getPointerX(e) + "px";
                obj.style.top = getPointerY(e) + "px";
                obj.style.display = "none";
            }
        }

 3.得到鼠标位置的两个方法
      

  function getPointerX(event) {
      return event.pageX || (event.clientX + (document.documentElement.scrollLeft || document.body.scrollLeft));
    }
  function getPointerY(event) {
      return event.pageY || (event.clientY + (document.documentElement.scrollTop || document.body.scrollTop));
    }

4.注意新式浏览器和旧浏览器获取兄弟节点的区别

if (obj.nextElementSibling != null) 
{
   var obj =obj.nextElementSibling.nextElementSibling.nextElementSibling;
}
else 
{
  var obj = obj.nextSibling.nextSibling.nextSibling;
}

大部分旧浏览器是不支持nextElementSibling获取兄弟节点的，所以要用nextSibling。