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

最新推荐文章于 2020-06-15 17:11:40 发布

sunsides

最新推荐文章于 2020-06-15 17:11:40 发布

阅读量417

点赞数

文章标签： Flash 浏览器 Web

本文介绍了一种解决Flash控件遮挡网页弹出菜单的技术方案。通过使用iframe层叠技巧，使得弹窗能够显示在Flash控件之上，有效解决了交互遮挡问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发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以上浏览器测试通过）