Sto cercando di mostrare un layer modale (che non permetta di cliccare niente di quel che c'è sotto) sopra tutta la pagina aspx durante un postback.
Riesco a crearlo e a mostrarlo ma non riesco a farlo sempre a tutta altezza di pagina, ovvero mi sembra che mantenga sempre la stessa altezza e, variando invece il contenuto di pagina, mi trovo ad avere delle fette di pagina nella parte bassa scoperte... credo sia questione di css perciò chiedo lumi qui:
Questo è in sostanza l'html renderizzato nel browser:
<head>
<body role="document">
<form id="form1" action="./nuovoordine.aspx" method="post">
<div id="UpdateProgress1" style="display: none;" role="status" aria-hidden="true">
<div id="layover" class="modalmac">
Attendere, richiesta in corso …
<img id="Image1" src="Images/loader4.gif">
</div>
</div>
e questi sono gli stili che ho applicato:
html{
height: 100%;
margin:0;
}
body{
...
height: 100%;
width:100%;
margin: 0;
padding: 0;
}
.modalmac
{
position: absolute;
top: 0;
left:0;
z-index: 999;
width: 100%;
height:auto;
min-height: 100%;
background-color: #000;
color:white;
filter: alpha(opacity=60);
opacity: 0.6;
-moz-opacity: 0.8;
}
help....
Rispondi quotando