css:
.upload-img{
width:80%;
position:fixed;
top:50%;
left:50%;
margin-left:-40%;
background-color: #fff;
border-radius: 10px;
z-index:1000;
display:none;
}
.upload-img>p:first-child{
height:50px;
line-height: 50px;
border-bottom:2px solid #ccc;
padding:0 20px;
font-size: 2.2rem;
}
#open-picture,#open-camera{
height:40px;
line-height: 40px;
padding:0 20px;
font-size: 2rem;
cursor: pointer;
}
#open-picture{
border-bottom:1px solid #ccc;
}
.mask{
background:#000;
opacity: 0.8;
width:100%;
height:100%;
z-index:999;
position: fixed;
top:0;
left:0;
display: none;
}
#picture,#camera{
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
margin:0px;
opacity: 0;
filter: "alpha(opacity=0)";
filter: alpha(opacity=0);
-moz-opacity: 0;
}html:
js:
$("#img").click(function(){
$(".upload-img").show();
$(".mask").show();
});
$(".mask").click(function(){
$(".mask").hide();
$(".upload-img").hide();
});