当前位置:Gxlcms > html代码 > Div+Css+JS做弹出窗口_html/css_WEB-ITnose

Div+Css+JS做弹出窗口_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:16人阅读

很久就想做下笔记,把这段时间学到用到的东西都记录下来,以备以后可能重复利用,好啦,开始...

Div+Css+JS 这三者都是互相影响的,缺一不可。

首先写好CSS样式,

CSS
#divbg
{
width: 100%;
height: 100%;
position: absolute;
z-index: 999;
top: 0px;
left: 0px;
filter: alpha(opacity=50);
opacity: 0.5;
background-color: #AAAAAA;
}
#diveditcontent
{
width: 630px;
height: 150px;
position: absolute;
z-index: 1000;
background-color: #444444;
}
#divheader
{
width: 100%;
height: 25px;
background-color: #BB5500;
}

直接贴上代码了。

Html

//弹出窗口的背景(遮挡当前页)

JavaScript