2010-04-18 2 views
3

Приветствия - Борьба с трехуровневым меню css.
Работает отлично в FireFox и Opera для Mac, но в Chrome и Safari третий уровень «прилипает» или «висит» как водяной знак после перемещения курсора.css menu hover "зависает" в chrome & safari

Я пробовал несколько разных вещей без везения.

Живая демо здесь:

http://www.it-stud.hiof.no/~benteh/tmp/

Я срезаны все остальное, так что это просто меню CSS & HTML.
(PS. Есть только три уровня по археологии, гоминидов и окружающей среды)

+0

Это замечательная ошибка, которую вы нашли там. Вы определенно должны сообщить об этом: http://webkit.org/quality/reporting.html – zneak

+0

Я могу подтвердить, что это происходит в Chrome, так что это не только вы. – HaleFx

+0

Я был бы рад сообщить об этом, но я не могу поверить, что он не может быть исправлен/работоспособен? Это, наверное, легко, я так долго смотрел на него, что не вижу решения. И спасибо, оба - рад узнать, что это не только я :-) – Benteh

ответ

2

Вы можете быть заинтересованы, чтобы знать, что удаление «visibilty: hidden» правило из «.menu ul li ul» селектора (на линии 105 CSS) фиксирует проблема для меня в Chrome. Проверено в FF3.6, и он работает тоже - не проверял его ни в чем другом.

+0

Превосходно! Большое спасибо, Дэвид, что сделал трюк :-) – Benteh

+0

Отлично. Как и многие CSS, не спрашивайте меня, почему:) –

+0

Давит вам кредит на ответ, когда мой статус noob будет обновлен :-) – Benteh