2009-05-05 1 views
0

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

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

но не здесь:

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

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

ответ

1

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

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

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

0

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

+0

Я все еще работаю над этим, посмотрю, как это работает на первом, а не на втором, это мой вопрос. Спасибо за критику. – craigmoliver

1

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

Установите web developer toolbar и начертите элементы коробки, вы увидите это.

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