找回密码
 注册

QQ登录

只需一步,快速开始

查看: 4259|回复: 3

[讨论] 关于z-index, overflow: popin的一个奇怪问题

[复制链接]
发表于 2007-8-9 11:04:30 | 显示全部楼层 |阅读模式

 提示:您可以先修改部分代码再运行


上面是一段很常见的popin的html, .Net 下用aJax ToolKit自动生成的,我花了一段时间整理出来得。

如果您在ie下运行这段html代码,一点问题没有,标准的popin,一个层遮住了网页上其他的东西,然后最上面有一个模拟的窗口。
不过到了FireFox下面,基本一样,但是有一个细节,就是最上面的Branding层居然没有被遮住。
和几个朋友讨论了很长时间没有找到问题的关键,曾经修改过branding层的z-index,但是一点效果都没有(当然可以设置成负数,不过branding层上所有的东西就集体消失了,可能是被body挡住了,上面的代码是为了找出问题而简化过了的)

[ 你可以先不往下看,看看哪里有问题。 ]

于是今天花了一个多小时,把所有的Html和CSS代码一点一点的剥去,一点一点的修改,最后发现罪魁祸首:就是标有accordion的那个Div里的overflow:Auto ! 去掉这个以后,就一切正常了。
虽然找到了问题所在,但我还是不明白这是为什么。希望大家一起讨论一下,澄清一下疑惑。
 楼主| 发表于 2007-8-9 13:33:49 | 显示全部楼层
顶一下不要沉了。

个人感觉,Overflow和z-index好像没有关系的阿。。。。
回复 支持 反对

使用道具 举报

发表于 2007-8-9 17:54:12 | 显示全部楼层
overflow:Auto 元素不可层叠;
position: relative 元素不可层叠;
。。。。

http://bbs.blueidea.com/thread-2777105-1-3.html
回复 支持 反对

使用道具 举报

 楼主| 发表于 2007-8-22 10:02:54 | 显示全部楼层
非常感谢,看来我得自己的读一下CSS2的定位的那部分。
再次感谢!!
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 注册

本版积分规则

小黑屋|Archiver|手机版|blueidea.com ( 湘ICP备19000417号-2 )

GMT+8, 2021-10-17 20:26 , Processed in 0.058005 second(s), 10 queries , Gzip On, Memcache On.

Powered by Discuz! X3.2 Licensed

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表