html页面元素优先级问题(z-index)

在开发中曾经遇到过z-index带来的页面层级遮盖问题。原帖太乱了,就发个效果图吧。

 



 
html页面元素优先级问题(z-index)

div被select隐藏的问题可以用一个隐形的iframe来解决。

DIV,SELECT,IFRAME都是绝对定位的情况下进行的。
在绝对定位的情况下,Z-INDEX是可以对他们起到作用的。

但是在页面布局实际中都是用相对进行的。只有在下拉菜单这样的情况是用绝对定位进行的。
相对布局中的元素的Z-INDEX是没有用的。

IFRAME的优先级别比SELECT框高,SELECT比DIV高
所以只有用个IFRAME隐藏显示

 

可以参考z-index在微软官网的解释。

 

【2007-8 bbs】