Справка по выпадающему меню CSS

Question

Может кто-нибудь сказать мне, почему выпадающее меню CSS (ролловер "Software Solutions") работает здесь:

http://deltaassocc.web704.discountasp.net/temp/page-works.html

но не здесь:

http://deltaassocc.web704.discountasp.net/temp/page.html

Это сводит меня с ума! Я использую Firefox 3.0.10. Пожалуйста, помогите ..

Answer 1

Существует огромное количество знаний, встроенных в меню CSS для разных версий браузера и так далее. Мой совет: не делай этого сам. Получить готовый, как сосунки (или один из многих вариантов).

В качестве альтернативы вы можете использовать решение на основе Javascript, такое как superfish, как предлагается здесь.

Примечание: если вам нужно поддерживать IE6, тогда вы все равно будете использовать Javascript для этого браузера, поскольку он не поддерживает псевдоэлемент: hover ни на чем, кроме якорей.

Answer 2

Потому что вы теряете фокус на родительском элементе. На втором есть несколько элементов ниже, и когда раскрывающийся список расширяется, он попадает под контейнер содержимого - вы перемещаете указатель мыши вниз, и он находится над контейнером текстового содержимого, а не над контейнером меню.

Установите панель инструментов веб-разработчика и элементы контура, вы увидите это.

Раскрывающееся меню Google для jquery или другие решения, основанные на javascript-фреймворке, они будут отлично работать и работать в разных браузерах, если вы не делаете это только для самообучения.

Answer 3

Страницы выглядят одинаково в IE8 и Firefox. Меню выпадает, но выглядит не так здорово. Если вы используете JQUERY SuperFish, это действительно хорошее cs-меню.