**offsetParent
返回的是相对元素本身最近的是定位元素的祖先元素,也就是postion的值是 absolute,relative,fixed,(inherit 继承父元素也是前三者)其中
之一,如果祖先元素都不是定位元素那么返回document.body
PS: IE6,IE7 对offsetParent解释有个小BUG,当祖先元素都不是定位元素且本身是定位元素的时候返回document.documentElement,其他情况终返回
document.body!!
Demo:
<body>
<div id="b" style="position:relative">
<div id="a"></div>
</div>
<div id="d">
<div id="c"></div>
</div>
<div id="f">
<div id="e" style="position:relative"></div>
</div>
</body>
a.offsetParent >> b
c.offsetParent >> document.body
e.offsetParent >> document.body ( ie,6,7 >> document.documentElement )
返回的是相对元素本身最近的是定位元素的祖先元素,也就是postion的值是 absolute,relative,fixed,(inherit 继承父元素也是前三者)其中
之一,如果祖先元素都不是定位元素那么返回document.body
PS: IE6,IE7 对offsetParent解释有个小BUG,当祖先元素都不是定位元素且本身是定位元素的时候返回document.documentElement,其他情况终返回
document.body!!
Demo:
<body>
<div id="b" style="position:relative">
<div id="a"></div>
</div>
<div id="d">
<div id="c"></div>
</div>
<div id="f">
<div id="e" style="position:relative"></div>
</div>
</body>
a.offsetParent >> b
c.offsetParent >> document.body
e.offsetParent >> document.body ( ie,6,7 >> document.documentElement )