设置父元素透明度不影响子元素透明度 原

    <div style="" class="loadingMask">
	<div class="loading">
        <div class="loader circle-line" id="loader">
            <span></span>
            <span></span>
            <span></span>
            <span></span>
            <span></span>
			<div>数据正在加载中...</div>
        </div>
    </div>
	</div>

/*loading*/
.loadingMask{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.3);z-index:2000;}
.loading {position:absolute;left:50%;top:50%;margin-left:-60px;margin-top:-60px;width:120px;}
.loader {color:#0af9ca;}
.loader span {display: inline-block;width: 8px;height: 30px;border-radius:3px;margin: 3px;background: #29f5cd;-webkit-animation: line-square 1s infinite;}
@-webkit-keyframes line-square {
        0% {
            transform: scaleY(1);
        }
        50% {
            transform: scaleY(.3);
        }
        100% {
            transform: scaleY(1);
        }
}