Справка по выпадающему меню 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 встроено огромное количество знаний, чтобы охватить разные версии браузера и так далее. Мой совет: не делай этого сам. Получите готовый, такой как suckerfish (или один из множества вариантов).

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

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

Answer 2

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

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

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

Answer 3

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