再也不让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上层的.