工作中遇到的浏览器差别（就不叫IE6bug了）_html/css_WEB-ITnose
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了工作中遇到的浏览器差别（就不叫IE6bug了）_html/css_WEB-ITnose，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1680字，纯文字阅读大概需要3分钟。
内容图文
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里，如果
如果是
（在tr上设置border在ie6、7中总是无效的。）
5、IE6里弹出层或是说设置了position：absolute/fixed;的div遮不住select。
解决办法：通过一个与绝对定位的div同样大小的iframe来遮住select。
<div id='fixedDiv>div content
内容总结
以上是互联网集市为您收集整理的工作中遇到的浏览器差别（就不叫IE6bug了）_html/css_WEB-ITnose全部内容，希望文章能够帮你解决工作中遇到的浏览器差别（就不叫IE6bug了）_html/css_WEB-ITnose所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。