У меня есть несколько изображений, расположенных друг над другом, используя абсолютное позиционирование. Эти изображения частично прозрачны и имеют html area
и map
, чтобы сделать видимыми только видимые части. В jQuery я привязал события мыши к тегам area
.
Это хорошо работает для одного изображения: mouseenter и mouseleave fire только при вводе отображаемой части изображения.
Проблема заключается в том, что он работает только для верхнего изображения. Для всех остальных он не запускает события, а CSS-наведение не работает, потому что на нем есть еще один образ. Это несмотря на то, что area
не перекрываются, а map
находятся перед изображениями.
Вот демонстрация проблемы: http://markv.nl/stack/imgmap2/