html:
<div id="addcart" class="successbac hidden" style="display: block;">
<div class="success">
<div class="shoppingcar">
<div class="finish"></div>
<div class="again" οnclick="$('#addcart').hide();"></div>
<a οnclick="document.getElementById('addcart').className='';" href="/cart.html"><div class="tocar"></div></a>
</div>
</div>
</div>
css:
.successbac {
background-color: rgba(225, 225, 225, 0.5);
display: none;
height: 100%;
left: 0;
position: fixed !important;
top: 0;
width: 100%;
z-index: 1;
}
.successbac .success {
background: white none repeat scroll 0 0;
border: 1px solid;
box-shadow: 0 2px 2px 2px;
height: 120px;
left: 20%;
position: fixed !important;
top: 40%;
width: 765px;
z-index: 999;
}
效果: