一个比较好用的解决控件被遮挡的方案

Question

一个比较好用的解决控件被遮挡的方案

开发Web程序，经常遇到弹出菜单被flash控件遮挡的问题，在网上搜索最多的方法是把Flash设置为透明模式。这里介绍另外一种方法，当前面的方案无效时可以试试，我这里屡试不爽

Css代码

1. .divPopUp {border:1px solid #7BB5E2;  position:absolute;left:20000;top:20000;z-index:10000001;background-repeat: no-repeat;background-color:transparent;}
2. .ifPopUp{position:absolute;left:20000;top:20000;z-index:10000000; background-color:Transparent}

复制代码Html代码

1.                 <iframe class="ifPopUp" id="PopFrame" src="" frameBorder="0" scrolling="no"></iframe>
2.                         <div class="divPopUp" id="PopDiv" >
3.                <iframe id="ContentFrame" style="width:100%;height:100%" frameborder ="0" scrolling="no" allowTransparency="true"></iframe>
4.             </div>

复制代码解释一下，这里有一个flash控件会遮挡其他标签比如Div，Div无法浮动在flash上面，但是iframe可以浮动在flash上，div可以浮动在iframe上，这样多了一个iframe就可以让div浮动在flash上了。都懂上面的绕口令，你会发现这个方案真是比较完美的。（在IE6以上浏览器测试通过）