/*屏蔽背景层*/
#divMsgBack{
display:none;
position:fixed;
_postition:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
background-color:#000000;
background: -moz -radial -gradient(50% 50%,#fff,#000);
background: -webkit -radial -gradient(50% 50%,#fff,#000);
background: -webkit -gradient(radial,0 50%,0 50%,form(#fff),to(#000));
opacity:0.4;
filter:Alpha(opacity=50);
_display:block;
_left:-10000px;
z-index:9999;
}
.mResult {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: fixed;
z-index:1002;
}
.mClose {
margin: .2rem .2rem auto .2rem;
font-size: .34rem;
color: #FFF;
font-weight: 900;
}
.mResultPanel {
margin: 0 .2rem auto .2rem;
width: 95%;
max-height: 70%;
/* background-color: #FFFFFF;*/
overflow-y: auto;
position: fixed;
top: 25%;
}
.mResultPanel img{
width: 100%;
height: auto;
max-width: 100%;
/* max-height: 60%;*/
display: block;
}
.mCloseText{
}
.mCloseTitle{
left: 35%;
position: fixed;
}
<div id="mMask" class="mask" style="opacity: 0.5;display:none;"></div>
<div id="mDetail" class="mResult" style="display:none;">
<div id="mClose" class="mClose">
<span class="mCloseText" onclick="hideExample();">关闭</span><span class="mCloseTitle">护照信息照片示例</span>
</div>
<div class="mResultPanel">
<img id="mResultPanelImg" src="../images/creditCardTaxRefund/passport_img.png"/>
</div>
<div class="clear"></div>
</div>