CSS+js弹出居中的背景半透明div层_html/css_WEB-ITnose

CSS+js弹出居中的背景半透明div层丨芯晴网页特效丨CsrCode.Cn

body{margin:0px;}
#bg{width: 100%;height: 100%;top:0px;left:0px;position:absolute;filter: Alpha(opacity= 50);opacity: 0.5; background:# 000000; display:none;}
#popbox{position:absolute;width:400px; height:400px; left: 50%; top: 50%; margin:-200px 0 0 -200px; display:none; background:# 666666;}


function pupopen(){
document.getElementById( " bg ").style.display= " block ";
document.getElementById( " popbox ").style.display= " block " ;
}

function pupclose(){
document.getElementById( " bg ").style.display= " none ";
document.getElementById( " popbox ").style.display= " none " ;
}





CSS弹出层，或者说是弹出窗口，背景半透明风格的弹出框，
在网站登录、用户注册、公告提示方面都非常适合使用。
IE和FF,OP均可以~弹出窗口,背景半透明

　　原理:两个层,一个高度和宽度都是100%,另一个就是你要弹出的窗口的具体内容,
半透明在IE中是用filter: Alpha(opacity= 60);在非IE中用opacity: 0.60;


　　 点击这里打开窗口

查看更多关于CSS+js弹出居中的背景半透明div层_html/css_WEB-ITnose的详细内容...