解决Select覆盖Div的简单直接的方法

在开发过程中,你可能会遇到下面这个问题。

IE6中弹出DIV被底层的SELECT控件划破,无论怎样设置Z-Index属性都不行。

解决前为

网上说了很多种方法,现在我给大家介绍一种简单的解决方案。

在弹出DIV内添加IFRAME控件,如下:

<iframe style="position:absolute; z-index:-1;140px;height:180px" frameborder="0" src="about:blank"></iframe>

其中属性重点部分是红色部分,宽高最好和弹出DIV相等,Frameborder是为了控制布局的。绿色部分可要可不要。

解决后为

该方法原理是SELECT和IFRAME为WINDOW。而DIV是遮挡不住SELECT控件的,但是DIV可以遮挡住IFRAME控件,而且IFRAME控件可以遮挡住SELECT,所以,如果IFRAME在DIV底部的话,就可以让DIV遮挡住SELECT控件了。该方法比网传的五种方法都方便多了(http://hi.baidu.com/suofang/blog/item/72f2f7ed23f2324e78f055c4.html)。

原文地址:https://www.cnblogs.com/ke10/p/2135614.html