Show Div Like a ModelPopup:
Write Top of the ASPX page (in a
content if masterpage is there)
<style>
.top_block
{
position: absolute;
display: block;
min-height: 50px;
width: 275px;
z-index: 1001;
background: white;
margin-left:
-234px;
left: 58%;
top: 10%;
border: 6px solid white;
border-radius:
10px 10px;
-moz-border-radius:
10px 10px;
padding: 15px;
background: url("../images/line_divider.png") no-repeat scroll right center #E6E6E6;
}
.popup-boxclose
{
float: left;
height: 39px;
left: 275px;
position: absolute;
top: -40px;
width: 40px;
z-index: 9999;
cursor: pointer;
}
.translucent_cover
{
position: absolute;
display: block;/*
height: 1500px;
width: 2000px;*/
height:100%;
width:100%;
top: 0;
left: 0;
z-index: 1000;
background: black;
-moz-opacity: 0.8;
opacity:.80;
/*margin-top:
-300px;
margin-left:
-100px;*/
filter: alpha(opacity=80);
}
</style>
<script language=”Javascript”>
function
close_pop() {
document.getElementById("overlay").style.display = 'none';
document.getElementById("top_block").style.display = 'none';
$("body").css("overflow", "auto");
}
function pop() {
$("body").css("overflow", "hidden");
document.getElementById("overlay").style.display = 'block';
document.getElementById("top_block").style.display = 'block';
}
</script>
<div class="translucent_cover" id="overlay"
style="display:none;">
</div>
<div class="top_block" id="top_block" style="display:none;">
<div id="Error-boxclose" class="popup-boxclose">
<img width="40" height="39" alt="" src="images/close-icon.png" onclick="close_pop()">
</div>
<div id="ValidationSummeryFromJS" class="PopUpScroll">
</div>
</div>
<img width="40"
height="39"
alt=""
src="images/open-icon.png"
onclick="pop()">
