div a tutto schermo

[freetom]

Ho questo codice div

div.pippo {
    top:0px;
    position: relative; 
    /* -webkit-sticky;  Safari */
    width:100%;
    height:100%;
    background-color: black;
    padding: 30px;
    font-size: 15px;
    color: white;
    font-family: arial;
    z-index: 3000;
}

vorrei modificarlo affinché il background mi copra tutta la pagina con effetto overlayer semi trasparente Qualcuno/a saprebbe dirmi come potrei fare? Grazie

[graffithouse]

basta che inserisci

background-color:rgba(0,0,0,0.5);