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