Проблема с парением CSS в Chrome и Safari - PullRequest
1 голос
/ 30 августа 2010

У меня есть эта странная проблема с наведением курсора CSS, в Chrome и Safari (в Opera и Firefox он работает просто отлично).

Здесь вы можете найти демонстрацию проблемы http://cgi.di.uoa.gr/~grad1054/bug/

В chrome, когда указатель мыши находится над тегом html area, он почему-то пропускает то, что продолжает зависать над общим div, и поэтому правило css для наведения не применяется.

У вас есть идеи или решения?

Thx

1 Ответ

1 голос
/ 30 августа 2010

Теги map и area, хотя официально и не устарели, больше не используются. Возможно, это ошибка в движке рендеринга Webkit. Насколько я вижу, поведение Firefox должно быть правильным. Решение должно быть довольно простым - использовать для этого какой-то другой элемент.


Решение: http://jsfiddle.net/NZEXY/1/

В моем решении я использовал список ul и привязки внутри элементов списка, чтобы воссоздать этот эффект, используя методы спрайтов, чтобы воссоздать одно и то же с тем же изображением, и при этом оставаться доступным (если вы используете карты * Предполагается, что 1010 * s имеют alt атрибутов для этой цели).

Если у вас есть какие-либо вопросы, не стесняйтесь оставлять комментарии.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...