Наложение элементов html/css

интернет программирование html JavaScript css

Возникла следующая проблема.

Есть большая-картинка карты России. Каждая ее область прописана через координаты и при наведении на нее появляется div с position:absolute с этой областью, но цветной. Проблема в том, что этот див перекрывает координаты карты так как становится поверх нее, и если передвигать мышку, то это область будет мигать постоянно. Если прописать дополнительные свойства (при наведении на сам див он постоянно отображается) — то все дивы будут накладывать друг на друга.

Как это лучше пофиксить?

Можно посмотреть здесь: http://grishinmateri.web-sunlight.com/regiony/

Примечание:
2AdmGelax

Тогда дивы не активны. А по клику они вызывают поп-ап :(

Примечание:
да, уже додумался как это сделать. Осталось решить проблему с тусклостью.
Ответы:
быстренько посмотрел сайт, первое что пришло в голову, это добавить
z-index:-1; в .areas div
Тогда проблем с координатами нет, но цвет картинки перекрывается прозрачностью самой карты и становится тусклее.
Да, я этого не заметил, попробуйте тогда обрабатывать "клик" не по диву, по area с id.


10 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.