弹出Div层被Select或DropDownList挡住 解决办法
当前位置:点晴教程→知识管理交流
→『 技术文档交流 』
[p] //要弹出的层-->[br]//要盖住select或dropdownlist的控件iframe,需要设置iframe的高度宽度[br]<iframe style="position:absolute;width:430px;height: 98px;z-index:9;top:5px;" frameborder="0"></iframe>[/color]
[br] 解决方案说明:[br]虽说div直接盖不住select[br]但是div可以盖iframe,而iframe可以盖select,所以,把一个iframe来当作div的底,这个div就可以盖住select了. 注释:[br]1、z-index只有在设置了position:absolute;后才会生效[br]2、其中:<iframe>标记中属性:z-index:9[br]和[br]内层:标记中的属性:z-index:10[br]是用来控制iframe和div的显示顺序的z-index的值越大,他会在表层显示。[/p]
[p]3、扯远点:[br]优先属性:z-index:n[br]n表示一个整数(正负均可),有多个div时n越大,则越靠前显示;[br]z-index可以理解为z轴的坐标(x,y轴控制左右、上下方位,z轴控制层叠div的前后方位)[br]只有用绝对定位(position:absolute)时,属性z-index才起作用;[br]未设置绝对定位(position:absolute)的div,其z-index永远为0;[br]未设定优先属性(z-index)的div,按照声明的顺序层叠,后声明的盖住先声明的,如果有两个div属于父子关系,则子div覆盖父div。[/p]
该文章在 2010/11/16 10:46:31 编辑过 |
关键字查询
相关文章
正在查询... |