DUDA SOBRE COLOR EN UN area shape="poly"?

[pdijeres89]

Lo que estoy haciendo es un mapa , quiero q ciertas zonas del mapa sean de un color, estoy usando un area map, pero no me esta funcionando, pro favor si algien sabe como hacerlo necesito ayuda

CSS:
.rojo{
background-color: #FF0000
}

CODIGO:

<img src="Bibliotecas\Imágenes\Masterplan2.jpg" class="mapper" usemap="#map_of_tp" alt="Mapa">
</div>

<map name="map_of_tp">

<area class="rojo" shape="poly" id="" title="Property A" coords="798,131, 800,174, 781,177, 764,172, 763,124" alt="Area A">
</map>

[caricatos]

Hola:

Las áreas siempre son transparentes... entre las formas que conozco para dar color una es superponer una imagen con ese color y el resto transparente, o usar imágenes svg.

Saludos

[pablogalvan]

Las areas son solo zonas para hiperenlaces, puedes usar diferentes divs y usar el :hover de css para cambiar la imagen cuando se pasa por encima