动态添加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

转载于:https://www.cnblogs.com/57473735D23/archive/2011/09/04/2166859.html