冬冬 的个人资料走向标准之路照片日志列表更多  |  工具 帮助 |
|
8月26日 offsetParent(转)一直以为offsetParent和parentElement是一回事，最近在做web控件才发现原来的理解是大错特错。 parentElement 在msdn的解释是Retrieves the parent object in the object hierarchy. 而offsetParent在msdn的解释是Retrieves a reference to the container object that defines the offsetTop and offsetLeft properties of the object. 这个解释有些模糊。我们再来看看他的remarks Most of the time the offsetParent property returns the body object. 大多说offsetParent返回body Note In Microsoft® Internet Explorer 5, the offsetParent property returns the TABLE object for the TD object; in Microsoft® Internet Explorer 4.0 it returns the TR object. You can use the parentElement property to retrieve the immediate container of the table cell. 对于IE 5.0以上，TD的offsetParent返回Table。 但是msdn并没有讨论在页面td元素中存在绝对/相对定位时offsetParent的值。 以下是我个人总结的规律 在td中的元素会把第一个绝对／相对定位的hierarchy parent当作offsetParent，如果没有找到需要分三种情况讨论 一，如果该元素没有绝对／相对定位，则会把td当作offsetParent 二，如果该元素绝对／相对定位并且table没有绝对／相对定位，则会把body当作offsetParent 三，如果该元素绝对／相对定位并且table绝对／相对定位，则会把table当作offsetParent 看一下示例代码 1.<BODY > <TABLE BORDER=1 ALIGN=right> <TR> <TD ID=oCell><div id="parentdiv" style="position:relative" >parentdiv<div id="sondiv">sondiv</div></div></TD> </TR> </TABLE> 运行结果parentdiv.offsetParent.tagName IS "body" sondiv.offsetParent.id IS "parentdiv" 2.<BODY > <TABLE BORDER=1 ALIGN=right> <TR> <TD ID=oCell><div id="parentdiv" style="position:relative" >parentdiv<div id="sondiv" style="position:relative">sondiv</div></div></TD> </TR> </TABLE> 运行结果parentdiv.offsetParent.tagName IS "body" sondiv.offsetParent.id IS "parentdiv" 3.<BODY > <TABLE BORDER=1 ALIGN=right> <TR> <TD ID=oCell><div id="parentdiv" >parentdiv<div id="sondiv" style="position:relative">sondiv</div></div></TD> </TR> </TABLE> 运行结果parentdiv.offsetParent.tagName IS "TD" sondiv.offsetParent.tagName IS "body" 4.<BODY > <TABLE BORDER=1 ALIGN=right> <TR> <TD ID=oCell><div id="parentdiv" >parentdiv<div id="sondiv">sondiv</div></div></TD> </TR> </TABLE> 运行结果parentdiv.offsetParent.tagName IS "TD" sondiv.offsetParent.tagName IS "TD" 5.<BODY > <TABLE BORDER=1 ALIGN=right style="position:relative"> <TR> <TD ID=oCell><div id="parentdiv" style="position:relative" >parentdiv<div id="sondiv" style="position:relative">sondiv</div></div></TD> </TR> </TABLE> 运行结果parentdiv.offsetParent.tagName IS "Table" sondiv.offsetParent.tagName IS "parentdiv" 8月24日 主场首胜 周六，红军迎来了新赛季的第一个主场，大头也迫不及待的继续履行全赛季的死忠看球计划，best of p2p，star sports这些外国的p2p源的开放，可以让我在世界的任何地方，只要有网络的地方就可以看到心爱的红军，大头真是觉得计算机的发展真是世界上最伟大的进步。
这次主场，和上次相比可谓是红军目前阵容中的一个最强阵，但是面对豪门杀手米堡，比赛还是异常的艰难，对手前锋的出色发挥让我军后卫线始终感到非常吃力，终于替补上场的米多打进领先一球（这个时候我正在盛饺子吃），大头大失所望，看着时间一分一分的靠近90，红军的第一个主场就阴沟里翻船？令大头欣慰的是，饺子吃好，红军开始进球，正副队长各入一球，卡拉格铁树开花，杰拉德终场绝杀，豪取两连胜。之后阿森纳客场翻船，看来本赛季会是利物浦，切尔西，曼狗3强的天下了。
 8月17日 首战告捷 ONE CHANCE ONE GOAL!
托雷斯的进球着实让我松了一口气，这个进球前，阿隆索那脚后场吊射真是太有想象力了，这一脚证明他现在状态不减当初，真搞不懂贝尼特斯为什么那么想卖掉索，而且还15M左右，FM里面索的能力怎么也得30M吧，40M的我也看到过。。。
小巴，卢卡斯还有巴贝尔快从上海回来吧，利物浦需要你们~~~~~~
 8月7日 靴ひもいつまでうだうだしてるんだ どうすべきかは知ってるんだ 君の絵の具で濁った僕がいい こだわってたものみんな 誰かに譲ったっていいや 失いたくない 急がなくちゃ 靴ひもも結ばずに 駆け足で飛び出して 停留所を通過してく そのバスに飛び乗って あぁ 一秒でも早く君の待つ場所へ スーパーの前の歩道に 主人を待つ雑種の犬 ガードレールに繋がれている 君に微笑んで欲しくて 吊り革握っている僕とどこか似ている そわそわして 愛しくて 苦しくて そして自分を見失って ウザッたくて 終わらして でももっと 苦しくて あぁ 一瞬でも早く君の待つ場所へ 渋滞で 停車した このバスを飛び出して 靴ひもも気にせずに 全力で駆け出して 愛しくて 切なくて 君の色で 濁っている その部分が 今一番 好きな色 僕の色 あぁ 一秒でも早く君の待つ場所へ あぁ 一瞬でも早く君の待つ場所へ |
|
|
