最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
select挡住div的解决方法
时间：2011-08-12 编辑：简简单单 来源：一聚教程网
在IE中,select属于window类型控件，它会“挡住”所有非window类型控件
可以这么理解，div这样的组件是在浏览器客户区使用代码“渲染”的，
他们被渲染在客户区的绘画表面上，
而select是使用的标准windows控件，只是作为客户区的子控件放置而已，
它会覆盖所有客户区绘画表面上“画”出来的一切，但不一定会覆盖其他类型的window控件，
比如iframe和其他的select，如果你使用过类似Delphi这样的环境就会自然理解。IE7解决了此类BUG。
在开发过程中，你可能会遇到下面这个问题。
IE6中弹出DIV被底层的SELECT控件划破，无论怎样设置Z-Index属性都不行。
解决前为
网上说了很多种方法，现在我给大家介绍一种简单的解决方案。
在弹出DIV内添加IFRAME控件，如下：
其中属性重点部分是红色部分，Frameborder是为了控制布局的。绿色部分可要可不要。
解决后为
该方法原理是SELECT和IFRAME为WINDOW。而DIV是遮挡不住SELECT控件的，但是DIV可以遮挡住IFRAME控件，而且IFRAME控件可以遮挡住SELECT，所以，如果IFRAME在DIV底部的话，就可以让DIV遮挡住SELECT控件了
Div被Select挡住，是一个比较常见的问题。
有的朋友通过把div的内容放入iframe或object里来解决。
可惜这样会破坏页面的结构，互动性不大好。
这里采用的方法是：
虽说div直接盖不住select
但是div可以盖iframe，而iframe可以盖select,
所以，把一个iframe来当作div的底，
这个div就可以盖住select了.
Click to show DIV.
Click to hide DIV.
-
下一个： 基于jQuery星级评分插件使用
相关文章
- Hibernate中FetchMode.JOIN FetchMode.SELECT FetchMode.SUBSELECT介绍 12-02
- IE6下select z-index无效div被遮挡解决办法 07-24
- Select语句，join，union用法 09-30
- ie下用 iframe 盖住select 方法 03-03
- Div模拟select效果 10-27
- div仿select效果 06-20