当前位置: 代码迷 >> Web前端 >> 再也不让select和iframe挡住小弟我们的menu了
  详细解决方案

再也不让select和iframe挡住小弟我们的menu了

热度:110   发布时间:2012-11-23 22:54:33.0
再也不让select和iframe挡住我们的menu了!
<div id="grid_DropDwn" class="grid_DropDwn">
<iframe style="position:absolute;z-index:-1;display:none;"</iframe>
<div id="grid_DropMenu">
<ul><li></li></ul>
</div>
</div>

?

在ul所在的div前边放一个iframe

position:absolute

是让iframe和li所在的位置一样,如果不加iframe就在li的上边显示

z-index:-1

是让iframe在li的底下.就是ul所在的div的下层


var grid_DropDwn=$('#grid_DropDwn')
$('#grid_DropDwn iframe').css({width:grid_DropDwn.width(),height:grid_DropDwn.height()}).show()

让iframe的高和宽与li适应
我这里用得jquery.


$(".grid_DropDwn").css("display","none").find('iframe').hide();
在menu需要隐藏的时候在将iframe隐藏就可以了

搞定!
而且经过实验,这样做也是可以浮在applet上层的.
  相关解决方案