При наведении курсора элемент ниже скрывается от мыши.Как исправить?

Question

Вот пример, который я собрал, чтобы лучше проиллюстрировать эту проблему:

http://www.saeidmohadjer.com/users/saeid/sandbox/javascript/image_map_rollover/test3/test3.html

Когда вы переходите от области A изображения к области B изображения или наоборот, есть места, где ролловер не отображается, потому что карта изображения ниже покрыта прозрачной областью изображения ролловера. Есть ли способ сделать изображение ролловера скрытым от мыши? В ActionScript я мог бы сделать это, установив для свойства Свойство mouseEnable значение false, чтобы избавиться от него, но я не знаю, как это сделать в HTML / JavaScript.

Изображение ролловера (розовое) расположено абсолютно с более высоким z-индексом над черно-белым изображением. Практическое использование - для выделения планов этажей на плите пола здания, когда мышь наводит план этажа.

Спасибо

Saeid

Answer 1

Я не знаю, сработает ли это в вашей ситуации, но простой способ сделать это - сделать черно-белое изображение частично прозрачным (вместо белого) и поместить розовое изображение под ним (то естьдать ему более низкий z-индекс).Это помогает вообще?