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

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

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

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

//窗口内容页

//窗口标题行

Edit

X

//关闭

//内容

JavaScript

结束。继续上班