Карта изображений отключает тег <A>на изображении

Question

У меня есть несколько миниатюр, и я хочу, чтобы у каждой была своя ссылка.Следующий код обычно работает нормально:

<a href=#><img src=# /></a>

Тем не менее, я сделал каждую миниатюру картой изображения (поэтому миниатюра изображения меняется при наведении мыши).Теперь, где бы я ни ставил тег <a>, изображение отказывается быть ссылкой.Даже используя JavaScript на div, который включает изображение.Стоит отметить, что под изображением есть заголовок (в теге <span>).Это нормально работает как ссылка.

Как я могу получить это изображение как ссылку и карту?

Answer 1

Почему вы используете карты изображений? Нет необходимости использовать карты изображений для получения такого поведения.

Answer 2

Хм, я вижу ...

Что ж, карта изображений - это эксклюзивная альтернатива тегу <a>.

Если вы хотите использовать такое поведение, я предлагаюсоздавая 3 div над изображением, каждый с отдельным обработчиком onMouseOver и оставляя тег <a> вокруг элемента <img> для получения поведения onClick.

В качестве второй альтернативы вы можете расширить div не только с помощью обработчика события onMouseOver, но иОбработчик события onClick и процесс нажатия в пределах одной функции.