动态添加IFRAME(Jquery版) 用于遮挡 IE6下 遮挡下拉菜单和swf/flash的object

此为动态插入iframe  遮挡下拉菜单和swf/flash的object

iframes=document.createElement("iframe");
iframes.setAttribute("id","bgIframes");
iframes.setAttribute("frameborder","0");
if($("#bgIframes").length>0){$("#bgIframes").eq(0).remove()}
$(iframes).appendTo("body");
$("#bgIframes").css({"position":"absolute","top":$("table.boxy-wrapper").offset().top,"left":$("table.boxy-wrapper").offset().left,"width":$("table.boxy-wrapper").width(),"height":$("table.boxy-wrapper").height(),"overflow":"hidden","z-index":"300","background":"#fff","opacity":'0.01'});

其中$("table.boxy-wrapper")为我的弹出层 之前写的是 整个页面加此iframe存在 BUG(IE6)下 因为ie6的iframe挡住的下拉菜单和swf/flash的object,都是被弄的不见了(不是被删除我测试过 确实是存在的 ),而当你删除iframe
后又回来了,这时当你插入iframe时 并且 iframe是透明的 就会看见原来swf和select的地方是空的。
此时我的解决办法就是 让iframe和弹出层大小相同并且正好遮挡在弹出层得下面, 就不会出现那个bug了

 

web 技术交流群-6306526

posted @ 2011-09-04 23:40  John.chang  阅读(1288)  评论(0编辑  收藏  举报