弹出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；