Background opacity non c'entra lo schermo
Inviato: 21/04/2016, 9:22
Come si vede lo sfondo opacity non copre tutto lo schermo
Codice: Seleziona tutto
.trasp {
position: absolute;
background-color: #000;
width: 100%;
height: 100%;
margin: 0 auto;
opacity: 0.6; /*Firefox*/
filter: alpha(opacity=60); /*IE*/
z-index: 1;
}
.alert {
position: absolute;
background-color: #ffff00;
width: 250px;
height: auto;
top: 50%;
left: 50%;
margin-left: -140px; /*metà della width*/
margin-top: -90px; /*metà della height*/
padding-left: 20px;
padding-right: 20px;
font-size: 1.3em; color: #ff0000;
text-align: center;
border-radius: 20px; /* Arrotonda gli angoli per Safari, FF, Chrome e Opera */
border: 1px solid #fff;
z-index: 2;
}
...
echo "<div class=\"trasp\"></div><div class=\"alert\"><div style=\"margin-top:25px;margin-bottom:30px;text-align:center;\"><img src=\"../immagini/alert.png\" width=\"70\" height=\"70\" alt=\"Alert\" title=\"Alert\"></div>$errore</div>";