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

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

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

 

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

 

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

你可能感兴趣的:(Web,浏览器,Flash)