mappe di immagine Html

Vorrei creare una mappa di immagine con i link in evidenza al passaggio del mouse,
esempio facciamo l'immagine della cartina dell'Italia quando si passa col puntatore su una regione questa cambia colore o qualche altro tipo di effetto , ho provato a combinare un effetto trasparenza con la mappa , il risultato che in tutta l'immagine diventa trasparente e non solo la parte con il link, pensavo ad una immagine sovrapposta , il tutorial che conosco io cambia l'intera foto , e sono sempre punto e accapo ,qualcuno sa cosa mi posso inventare ?

Una soluzione con i css:

- Crei un elemento contenitore che ha, nello sfondo, la mappa generale.
- Crei una serie di elementi nodi posizionati dove ti occorrono.
- Al momento dell'hover, carichi nell'elemento figlio preso di mira il background della regione del colore che vuoi che sia.

ok ora ci provo grazie