css如何设置dialog,一个能弹出dialog的htmlcss实现

.b {

background-color: rgba(0, 0, 0, 0.3);

height: 100%;

width: 100%;

float: left;

position: absolute;

top: 0;

left: 0;

bottom: 0;

right: 0;

display: none;

}

.b div {

height: 50%;

width: 50%;

background-color: yellow;

margin: auto;

position: absolute;

top: 0;

left: 0;

bottom: 0;

right: 0;

}

.a {

background-color: red;

height: 100%;

width: 100%;

color: black;

position: relative;

}

function DisplayDialog(divId) {

document.getElementById(divId).style.display ="block";

}

function CloseDialog(divId) {

document.getElementById(divId).style.display ="none";

}

sadasdas

asdasdas

asdasdas

Close