/*屏蔽背景层*/ #divMsgBack{ display:none; position:fixed; _postition:absolute; top:0px; left:0px; 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; 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; 95%; max-height: 70%; /* background-color: #FFFFFF;*/ overflow-y: auto; position: fixed; top: 25%; } .mResultPanel img{ 100%; height: auto; max- 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>