工作中遇到的浏览器差别（就不叫IE6bug了）_html/css_WEB-ITnose

1、根据ie版本写css

非ie：if !IE; 仅IE：if IE; 等于：if IE 6;

大于：if gt IE 8; 大于或等于：if gte IE 8; 小于或等于： if lte IE 8;

2、关于display:table-row;

比如table中的tr，在js里控制它显示和不显示：document.getElementById('theBlueRow').style.display='table-row'和display:none。IE6不支持table-row，改用display=''。就可以了。

3、获取设置节点的自定义属性：

对于

。

获取自定义属性myAttr：

若是document.getElementById("newTest").myAttr,则只对IE6、IE8有效，IE9、IE10、chrome、firefox、safari对无效；

若是document.getElementById("newTest").getAttribute('myAttr')则都有效。

设置自定义属性：

若是document.getElementById("newTest").myAttr = "new";

alert(document.getElementById("newTest").myAttr+","+document.getElementById('newTest').getAttribute('myAttr'));

输出结果：IE9、IE10、firefox、chrome、safari均为:new,old。IE6、IE8则为:new,new。

若是document.getElementById("newTest").setAttribute("myAttr","new");

alert(document.getElementById("newTest").myAttr+","+document.getElementById('newTest').getAttribute('myAttr'));

输出结果：IE9、IE10、firefox、chrome、safari均为:undefined,new。IE6、IE8则为:new,new。

所以为了兼容性，获取和设置自定义属性时统一使用：.getAttribute('myAttr')和.setAttribute("myAttr","new"); 获取jquery的方法.attr();

4、ie6、7里，如果