html 显示遮罩层,html 遮罩层

js实现的遮罩层并可以移动的效果

body {

margin: 0px;

}

.ch1{

display: none;

position: absolute;

z-index: 1000;

height: 100%;

width: 100%;

filter:Alpha(opacity=30);

}

.ch2{

left: 0px;top: 0px;

display: none;

position: absolute;

height: 100%;

width: 100%;

padding-top: 10%;

z-index: 1001;"

}

function Open(id)

{

div1.style.display="block";

id.style.display="block";

}

function Close(id)

{

div1.style.display="block";

id.style.display="none";

}

提示内容： aaa bbb

提示内容： ccc ddd