Alterar a cor de fundo da tag HTML

Eu acho que você deve usar um plugin jquery imagemap ... este é o meu favorito

Link:http://archive.plugins.jquery.com/project/maphilight

Demonstração :http://davidlynch.org/projects/maphilight/docs/demo_usa.html

Este tópico também foi discutido em detalhes aqui .....

Usando JQuery hover com mapa de imagem HTML

Acho que não há necessidade de duplicação

=============Atualizar seus comentários ====================

Acesse https://github.com/kemayo/maphilight/blob /master/jquery.maphilight.js

Você pode ver o seguinte que maphilight aceita fillColor:'000000';

Você precisa alterar fillOpacity para 1.0 para remover a opacidade

Tudo que você precisa fazer é fazer com trabalho sem passar o mouse editando o código abaixo e substituir pelo seu

        $(map).trigger('alwaysOn.maphilight').find('area[coords]')
            .bind('mouseover.maphilight', mouseover)
            .bind('mouseout.maphilight', function(e) { clear_canvas(canvas); });;

Você tem uma versão de cor de fundo funcional...

Obrigado:)