onmouseover только на непрозрачной части изображения

Я застрял в меню ниже. Весь сайт должен быть в HTML.

http://hpics.li/740c57f

ЧТО: я хочу, чтобы при наведении мыши на все части отображалось изображение при наведении. (мероприятие/бренд/веб-сайт/печать/UI/ВИДЕО)

ПРОБЛЕМА: изображения перекрываются, и наведение курсора начинается, когда я нахожусь на прозрачности PNG.

РЕШЕНИЯ, КОТОРЫЕ Я ПЫТАЛСЯ: Imagemap для обнаружения зоны, а затем помещать код javascript в ОБЛАСТЬ. не работает. Imagemap для обнаружения зоны, поместите идентификатор в ОБЛАСТЬ и используйте отдельный JQUERY с .hover (функция (). Не работает. Используйте z-index: невозможно, потому что всегда будет изображение, которое будет скрывать то, что ниже.

ВОПРОС: если я не могу использовать ImapeMAP для выбора своей зоны и использовать CSS или JQUERY, что мне делать?

Большое вам спасибо за вашу помощь!


person user2000104    schedule 22.01.2013    source источник


Ответы (1)


Может быть, слишком поздно, но точный случай действительно может быть решен классом, который я написал около 3 месяцев назад. Это позволяет вам проверить, находитесь ли вы в прозрачной области или нет, а также проверить наличие других элементов за прозрачной областью, это позволяет перекрывать несколько прозрачных изображений и правильно переходить от одного изображения к другому в нужной точке.

http://www.cw-internetdienste.de/pixelselection/

person Chris    schedule 11.04.2013