css 图片

		/*屏蔽背景层*/
		#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>

  

原文地址:https://www.cnblogs.com/yelongsan/p/6705300.html