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

非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里，如果则设置td的border无效；
如果是 则设置td的border有效.

（在tr上设置border在ie6、7中总是无效的。）

5、IE6里弹出层或是说设置了position：absolute/fixed;的div遮不住select。

解决办法：通过一个与绝对定位的div同样大小的iframe来遮住select。

div content