Quitar las líneas que aparecen al ponerse encima de un enlace sobre un mapa de area en IE7+

Sunday, October 17, 2010 14:45
Posted in category Diseño Web

Estaba estos días preparando una imagen con varios links en su interior utilizando los mapas de áreas de HTML cuando de pronto vi un efecto que jamás había visto en el Explorer 7. Al pinchar sobre cualquier enlace poligonal generado por las coordenadas indicadas en el “map area” aparecen las líneas que lo conforman, con lo que da una impresión un tanto “cutre”:

Para quitar este efecto tan feo, tendremos que hacer uso de los estilos, incluyendo el siguiente estilo a las imágenes:

img:focus{
  outline: none;  
}
You can leave a response, or trackback from your own site.

Leave a Reply