Eliminación del contorno en el área del mapa de la imagen

¿Hay alguna forma de eliminar el contorno cuando se selecciona un área en un mapa de imagen? Ver: enter image description here Eliminación del contorno en el área del mapa de la imagen

Estoy usando Chrome en Snow Leopard.

Fuente

2011-01-27 Marc

Vea aquí para la solución entre navegadores: http://stackoverflow.com/a/12196766/1491212 –

Gracias Armel, lo siento, no he vuelto a esto antes. – Marc

parece que todo lo que tienes que hacer para eliminar estas fronteras se encuentra en la etiqueta img, estableciendo el atributo hidefocus y la propiedad css outline sobre ella como º es:

HTML

<img class="map" src="..." usemap="..." hidefocus="true" />

CSS

img.map, map area{ 
    outline: none; 
}

Esto debería funcionar entre navegadores!

EDITAR

como Sergey K comentó, si usted no está buscando para apoyar IE6 puede guardar bytes simplemente usando un selector de atributos.

img[usemap], map area{ 
    outline: none; 
}

Support starts with IE7.

Fuente

2012-08-30 12:23:34

Perfectamente trabajando en IE6. Gracias. – Hoque

Para Chrome, también encontré que tenía que agregar esta regla de CSS: 'área del mapa {outline: none; } ' Además, como una idea, en lugar de tener que agregar una clase 'map' a todas las imágenes que usan mapas de imágenes, podría reescribir su segundo selector como:' img [usemap] {outline: none; } ' Eso seleccionará todas las imágenes que tengan un atributo 'usemap'. –

Respuesta editada que lo cita. ¡Gracias! –

Probado outline:0 en su regla de CSS?

Fuente

2011-01-27 20:58:21

¿Alguna idea sobre cómo eliminar la caja semitransparente que aparece en Safari para iOS? –

Utilice CSS. Establezca style="outline:none;" en el elemento, o preferiblemente, colóquelo en una hoja de estilos.

Fuente

2011-01-27 20:59:05 Endophage

¿En qué elemento? Poner en la etiqueta de área no lo hace. Ni al ponerlo en la etiqueta de imagen. – patad

@meow Creo que quieres ponerlo en los elementos de 'área' del mapa de imágenes, pero si dices que eso no funciona, entonces realmente no estoy seguro. Verifique dos veces que no haya errores de ortografía/sintaxis ... todos los hacemos. – Endophage

Da tu mapa de imágenes un id de "mapa" a continuación, utilizar la siguiente declaración CSS:

#Map area { 
    outline: none; 
}

Fuente

2011-07-07 19:47:13 Eric

No funciona, porque las etiquetas de área heredan el contorno de la imagen a la que "agregó" la etiqueta de mapa. Entonces, para estar seguro, he agregado el "esquema: ninguno"; propiedad no solo de las etiquetas de área, sino también de la imagen principal. –

que estaba teniendo el mismo problema con tanto Chrome y Safari y encontró el éxito mediante la asignación de un .map clase para cada área etiqueta y dando la clase del siguiente estilo:

.map { 
outline: 0; 
}

Fuente

2011-08-19 18:43:05 Amanda

Un poco pasado de moda, pero hace este trabajo:

<area onfocus="blur();" ...

GTX, CS

Fuente

2013-01-07 22:12:02

Probé muchas cosas (borde, contorno, ..), y solo esto funcionó, gracias. –

Trabajando con SharePoint 2013 y esta fue la única técnica que funcionó. Gracias – MonkeyWrench

provoca un contorno punteado en Firefox, eliminándolo y agregando un tabindex = "- 1" a cada me lo resolvió. – fastasleep

Así que si usted tiene una página web arcaica y sin css (sé horrible!) Se puede solucionar mediante la inserción de style = "esquema: ninguno" después de las coordenadas y antes del href dentro del área etiqueta: ¡perfección absoluta!

Fuente

2014-03-21 10:08:10 kiwi

Eliminación del contorno en el área del mapa de la imagen

Respuesta

Cuestiones relacionadas