zoukankan      html  css  js  c++  java
  • parentNode和offsetParent的区别,仅仅只是定位相对不一样么

    记得第一次遇到offsetParent的时候,是使用offset_left来计算到左边边界的距离,那个时候,两个元素计算到的距离差异太大,于是我就打印他们的offsetParent来测试,到看到他们的offsetParent的时候我是想破乳头也想不出为什么会这样,而网上的帖子也只是说了offsetParent的规律,我看了后也还不知道为什么会这样。

    后面我知道定位的元素,会有一个相对偏移的父类,于是我就把元素的父类分成文档父类和相对父类(名称自创)这两种。

    后面我再遇到关于z-index的问题,于是作此总结:

    offsetParent不仅仅是决定元素的的在x轴和y轴的距离(相对参考点),而是决定元素的空间位置,即影响着元素的x,y,z轴的位置。因为z-index也是由父类的z-index决定的,当两个元素在x和y轴的位置发生重叠的时候,如何显示要判断在z轴上的位置,而这个z轴上的位置是先由offsetParent决定的。先比较,offsetParent,如果不分胜负的话在往下比(而offsetParent的z-index的比较也遵循以上原则)。

    所以offsetParent是元素的空间相对父类。而其他的样式,比如继承的;事件的传递等。。。。都是和parentNode(ie下parentElement)挂钩的。学艺不精,若有错误,请赐教。

  • 相关阅读:
    [CF1106E] 边界有问题
    UOJ 67 新年的毒瘤
    BZOJ 1093 [ZJOI2007]最大半连通子图
    codeforces round#510
    codeforces round#509
    杂谈
    BZOJ 3007 [SDOI2012]拯救小云公主
    BZOJ 1799
    BZOJ 3329
    BZOJ 3209 花神的数论题
  • 原文地址:https://www.cnblogs.com/thonus/p/6076825.html
Copyright © 2011-2022 走看看