js修改dom结构或样式时出错ie8下
2016-04-27 12:04
246 查看
今天遇到一个问题,js做一个选项卡效果,加载进来是没事,切换显示隐藏的时候,框的样式就乱了,后来在网上搜到一篇文章,内容如下:
利用调试工具在JS修改结构的容器上修改任意属性为任意值,甚至空白均可修复此bug;甚至有时候一打开调试工具的瞬间问题就解决了,无法定位到出问题的元素。目前还没有找到这个问题的根源,大致应该是一个浏览器渲染顺序的问题,JS修改数据的DOM部分的样式可能是它的父级容器或者祖先容器的几个样式叠加的结果。而IE6/IE7并没能重新计算改变的部分的样式与其祖先的关系,所以导致错误。
解决方法:js修改后,再后面加一句,有点影响性能
利用调试工具在JS修改结构的容器上修改任意属性为任意值,甚至空白均可修复此bug;甚至有时候一打开调试工具的瞬间问题就解决了,无法定位到出问题的元素。目前还没有找到这个问题的根源,大致应该是一个浏览器渲染顺序的问题,JS修改数据的DOM部分的样式可能是它的父级容器或者祖先容器的几个样式叠加的结果。而IE6/IE7并没能重新计算改变的部分的样式与其祖先的关系,所以导致错误。
解决方法:js修改后,再后面加一句,有点影响性能
document.body.className = document.body.className; 原文章地址为 http://higrid.net/c-art-ie6_reflow_bug_solutions.htm[/code]
相关文章推荐
- 今天改bug遇到一个ie8样式错乱问题
- Css总结
- 深入了解css的行高Line Height属性
- 权重和层叠规则决定了CSS样式优先级
- css定位方式
- CSS实现水平居中的5种思路
- 【总结】CSS/CSS3常用样式小结——兼容性
- 属性,样式,主题以及实践(attr, style, theme)
- IE兼容性问题解决方案3--css中的overflow
- 关于Chrome浏览器加载某些CSS文件超慢或超时的奇葩问题的解决办法
- IE兼容性问题解决方案2--css样式兼容标签
- css样式表<style>元素里面的*符号代表声明意思?
- css绘制三角形
- css3的盒模型
- 1、CSS3背景颜色渐变
- 第九章 改变 HTML 样式
- CSS---再谈行内元素和块级元素
- DIV+CSS布局
- 转载---CSS3实现曲线阴影和翘边阴影
- div、css圆形头像