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

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

解决前为

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

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

 

<iframe style="position:absolute; z-index:-1;width: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)。

posted on 2011-08-11 23:48  Arvin.Mei  阅读(2806)  评论(5编辑  收藏  举报