js-ie在怪异模式下解析position的bug
2011-11-20 14:24
141 查看
最近在做定位方面的调研，无意中发现：
ie在怪异模式下，某节点node为：position = absolute，其父元素position = static，并且overflow = scroll
有趣的现象发生了，node还是为以其父元素为参考对象，而不是默认的body对象。
看代码：
**************************************************
html:
<body>
<div class="wrapper">
<div class="wrapper-inner"></div>
</div>
</body>
************************
.wrapper{overflow:scroll; width:200px; height:100px; border: solid 1px #ccc; }
.wrapper-inner{position:absolute; left:10px; top:10px;}
ie在怪异模式下，某节点node为：position = absolute，其父元素position = static，并且overflow = scroll
有趣的现象发生了，node还是为以其父元素为参考对象，而不是默认的body对象。
看代码：
**************************************************
html:
<body>
<div class="wrapper">
<div class="wrapper-inner"></div>
</div>
</body>
************************
.wrapper{overflow:scroll; width:200px; height:100px; border: solid 1px #ccc; }
.wrapper-inner{position:absolute; left:10px; top:10px;}
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- js判断ie版本以及怪异模式，纯JS，可封装组件。
- 简单地利用ie的JS解析bug来区分IE和非IE内核
- 【IE6 Bug】IE6的怪异解析模式
- 又一利用IE的JS解析bug区分浏览器类型的代码
- 动态创建script在IE中缓存js文件时导致编码不正确bug
- JS解析XML数据，ActiveXObject("Microsoft.XMLDOM")对象兼容IE和火狐
- IE、FireFox、Opera全兼容的JS解析XML文件实现省、市、县(区)三级联动效果
- 深入解析IE兼容模式问题
- ie和firefox 盒子模型区别以及quirks mode(怪异模式)和strict mode(严格格式)
- js，css三种方法解决IE6下position:fixed的Bug以及闪动问题
- JQuery validate 在IE兼容模式下出现 js错误（成员找不到）的修正:
- IE 浏览器模式和文本模式 解析（一）
- 深入解析IE兼容模式
- 魔鬼的梦魇—验证IE中的js内存泄露模式（续）
- bootstrap-datetimepicker.js的兼容性问题（IE10兼容模式无法弹出窗口）
- 弹出窗口根据内容调整大小并居中的JS实现（适用IE、活动窗口和模式窗口）
- uploadify（或swfupload）刷新页面时IE下不断报JS Error的bug的处理
- 与layout特性相关的IE解析bug和解决方法
- JavaScript/Js脚本处理html元素的自定义属性解析(亲测兼容Firefox与IE)
- IE怪异模式下不能加载多类选择器