弹出Div层被Select或DropDownList挡住 解决办法

(转)http://blog.sina.com.cn/s/blog_546207e20100b87g.html

弹出Div层被Select或DropDownList挡住 解决办法

<div>//要弹出的层-->

//要盖住select或DropdownList的控件iframe,需要设置iframe的高度宽度

<iframe style="position:absolute;width:430px;height: 98px;z-index:9;top:5px;" frameborder="0"></iframe>
<div style="position:absolute;z-index:10;">

<table></table>//要显示的内容

</div>

解决方案说明：

虽说div直接盖不住select

但是div可以盖iframe，而iframe可以盖select,

所以，把一个iframe来当作div的底，

这个div就可以盖住select了.

注释：

1、z-index只有在设置了position:absolute;后才会生效

2、其中：<iframe>标记中属性：z-index:9

和

内层：<div>标记中的属性：z-index:10

是用来控制iframe和div的显示顺序的z-index的值越大，他会在表层显示。

3、扯远点：

优先属性：z-index:n

n表示一个整数（正负均可），有多个Div时n越大，则越靠前显示；

z-index可以理解为z轴的坐标（x,y轴控制左右、上下方位，z轴控制层叠div的前后方位）

只有用绝对定位（position:absolute）时，属性z-index才起作用；

未设置绝对定位（position:absolute）的div，其z-index永远为0；

未设定优先属性（z-index）的div，按照声明的顺序层叠，后声明的盖住先声明的，如果有两个Div属于父子关系，则子div覆盖父div；