"Maschera" su immagini a scorrimento

[purno]

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

[fcaldera]

devi sopvrapporre all'area di scorrimento un blocco delle stesse dimensioni (qundi in position : absolute e z-index elevato) e inserirvi una png (trasparente al 100 nell'area centrale)