Ho uno spazio nella pagina dove ci sono delle immagini a scorrimento laterale:

/* foto --------------------------*/
#foto {
width: 940px;
float: left;
padding: 0px;
margin: 0px;
height: 200px;
}

Vorrei menttere sopra queste immagini una "maschera.png" (non mi viene un altro termine) come in questo esempio:

http://www.massaggioemeditazione.it/...a/acquila.html (la "cq" è facoltativa ).

Che codice css serve scrivere?

Grazie 1000