导航

毅博客

分享本身就是件快乐的事,我因别人得到帮助而感到幸福

« 评论是倒序好还是顺序好?CSS Hack 汇总快查 »

补遗《无法冲破的等级》

本作品采用知识共享署名-非商业性使用-相同方式共享 2.5 中国大陆许可协议进行许可。
请大家帮忙:行文措辞难免有错,请大家在阅读时发现错误通过评论方式告诉我。谢谢大家

早前就有人对《无法冲破的等级》一文提出不同的看法,认为“无法冲破的等级”只是IE的BUG,但是我自己在做测试的时候都发现并未出现差错,所以一直都对此不以为然。事实胜于雄辩,有实例的证实我觉得我一点也没错。但是今天网友“平淡人生”提供的实例我发现完全打破了我原来的想法。后来根据对实例的分析,我发现,这里有一个问题并没有讲清楚,正是因为这点才使得这篇文章受到了一定的争议。下面我就对这个之前疏忽的问题再做一次补充:

先给出两个不同的例子来看一下:


 [这是我原来提供的例子]

 [这是出的例子]

 留心一点已经发现了,这两个例子中,不同的是第一个例子中的父级有z-index属性,第二个例子中的父级没有z-index属性。但是这两个例子在IE中的效果是一样的,不论子级设为多高,都无法超越父级。但是在Firefox或是Opera等浏览器中就会出现不一样,第一个例子的情况与IE同,而第二个例子在Firefox或是Opera等浏览器中却突破了父级。

由此看来,严格的等级限制还是存在的,只是在Firefox与Opera等浏览器中对于父级如若Z-index:auto;那么子级还是会如同自由的飞鸟不会被任何物体所限制,当然前提是子级的Z-index的属性值必需要大于0。这时也许我们就理解了,其实在IE中早就默认了所有的定位元素的Z-index:0;所以才出现了无法冲破的等级。

虽然在父级没有设定Z-inex属性值时子级在Firefox与Opera浏览器中都能浮动父级之上,但是必竟IE在这点上还是有差别的。所以在使用上还是需要用到《无法冲破等级》一文中提及的解决办法。

作者 / 振之
网站 / 毅博客 http://andy.andymao.com/
电话 / (86)025 5890 9295
  • quote 4.振之
  • http://www.andymao.com
  • 你小子整天说闲多忙少,还没时间写。不过说实话写东西有时是需要心情,有时是需要压力!我现在没什么心情,但是有压力!
  • 2007-4-18 10:36:27 回复该留言
  • quote 5.平淡人生
  • 你好啊`!你的文章写得非常好~~刚开始看的时候还有点模糊~~慢慢的一步步看`不停的做实验`现在比昨天没看的时候清晰多了`~!能不能把你的文章转载下~!
    未经同意不得私自转载~!
  • 2007-4-18 13:13:21 回复该留言
  • quote 8.hax
  • 虽然有点晚,不过你总算明白我说的东西了。
  • 2007-8-9 21:24:00 回复该留言

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-Blog .Theme from Google黑板报 By Washun

Copyright 2005-2007 Jonmax.com. All Rights Reserved.

Search

最新评论及回复

最近发表

资助者链接