手淘打开时弹出的广告页制作 css

<script>
    var gab = document.createElement('div');
    gab.setAttribute('id', 'OVER');
    gab.innerHTML='<div class="overlay"><a href="#"><img class="img" src="${ctx}/static/triple/images/fyjf4.png?v=${cssv}" alt="" /></a>' +
        '<div id="overlayClose"><img src="${ctx}/static/triple/images/close.png?v=${cssv}" alt="" /></div></div>';
    document.body.appendChild(gab);

</script>

#OVER{width:100%; height:100%;text-align: center; background-color:rgba(81,87,92,0.5);position:fixed;z-index:5;}
.overlay {position:absolute; z-index:9999;width:5.0rem;top: 4.0rem;left: 50%;right: 50%;-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.overlay .img{
    width: 100%;height: 100%;
}
#overlayClose{position:absolute;bottom:-70px;width:100%;}

效果图