1.
2.样式
#one{
background:rgba(0,0,0,0.3);
width: 100%;
height: 100%;
display: none;
position: fixed;
}
.gun{
width:80%;
margin-left:10%;
position: relative;
top: 40%;
text-align: center;
padding-top:20px;
background-color: white;
border-radius: 4px;
}
.gun-p{
font-size: 17px;
color: #030303;
}
.picture{
position: absolute;
top:25px;
right: 20px;
}
.p-select{
color: #AEAEAE;
font-size: 12px;
}
.gun-btn{
border: 1px solid #8F8E94;
width: 32%;
color: #8F8E94;
background-color: white;
margin: 19px 19px 27px 0;
border-radius: 4px;
line-height: 31px;
}
.gun-btn:hover{
background:rgba(46,132,212,0.1);
border:1px solid rgba(46,132,212,1);
color:rgba(46,132,212,1);
}
- document.getElementById(‘one’).style.display=“block”;
4.效果如下