以下代码如何兼容FireFox浏览器

Question

function openWithIframe(tit,url,w,h){
//屏幕变暗
var sWidth,sHeight;
sWidth=document.body.clientWidth;
sHeight=document.body.scrollHeight;
if(sHeight<window.screen.height){sHeight=window.screen.height;}
var bgObj=document.createElement("div");
bgObj.setAttribute('id','bgDiv');
bgObj.style.position="absolute";
bgObj.style.top="0";
bgObj.style.background="#000000";
bgObj.style.filter="Alpha(Opacity=80);";
bgObj.style.left="0";
bgObj.style.width=sWidth + "px";
bgObj.style.height=sHeight + "px";
bgObj.style.zIndex = "10000";
document.body.appendChild(bgObj);
//显示层
massage_box.style.left = (document.body.clientWidth - w) / 2;
massage_box.style.top = (screen.height - h) / 2-80;
massage_box.style.screenX = (document.body.clientWidth - w) / 2;///仅适用于Netscape
massage_box.style.screenY = (screen.height - h) / 2-80;//仅适用于Netscape
massage_box.style.width = w+"px";
massage_box.style.height = h+"px";
massage_box.className = "massage_box";
var popiframe;
popiframe = '<div style="border-width:1 1 3 1; width:100%; height:100%; background:#fff; color:#666666; font-

size:12px;zIndex:1000">'
// popiframe += '<div onmousedown=MDown(massage_box) style="background:#666666; height:20px; font-family:Verdana,

Arial, Helvetica, sans-serif; font-//size:12px;color:#fff;cursor:move;padding:0 0 4px 0">'

popiframe += '<div style="background:#666666; height:20px; font-family:Verdana, Arial, Helvetica, sans-serif;

font-size:12px;color:#fff;padding:0 0 4px 0">'
popiframe += '<div style="display:inline; width:200px; position:absolute;padding:3px 0 0 5px;color:#ffffff"

id=pop_title>'+tit+'</div>'
popiframe += '<span onClick="closeWithIframe()" style="float:right; display:inline; cursor:pointer;padding:3px

5px 0 0;font-size:12px;color:#ffffff;">关闭 X</span>'
popiframe += '</div>'
popiframe += '<div style="padding:5px" ><iframe src="'+url+'" width="'+(w-11)+'px" height="'+(h-36)+'px"

frameborder=0 scrolling=no></iframe></div>'
popiframe += '</div>'
massage_box.innerHTML=popiframe;
massage_box.style.display = "";
}
function closeWithIframe(){
massage_box.style.display="none";
document.body.removeChild(document.getElementById("bgDiv"));
}

document.write('<div id="massage_box" style="display:none">loading...</div>');

Answer 1

　　您好，感谢您对火狐的支持

　　这个特效使用jQuery 库实现更方便，可以参考：http://www.ajaxupdates.com/lights-out-dimming-covering-background-content-with-jquery/
　　您可以在火狐官方网站下载火狐浏览器，在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。

Answer 2

建议直接用 jQuery 库
demo: http://buildinternet.com/live/lightsout/
解说：http://www.ajaxupdates.com/lights-out-dimming-covering-background-content-with-jquery/