CSSのドロップダウンメニューのヘルプ

Question

CSSのドロップダウンメニュー（ロールオーバー "ソフトウェアソリューション"）は、ここで働く理由を誰かが私に言うことができる：

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（または多くの変種の1つ）のようなあらかじめ作られたものを手に入れてください。

また、ここで示唆しているように、スーパーフィッシュのようなJavascriptベースのソリューションを使用することもできます。

注：IE6をサポートする必要がある場合は、アンカー以外の：hover擬似要素をサポートしていないため、ブラウザにはJavascriptを使用します。

Answer 2

ページはIE8とFirefoxで同じに見えます。メニューは落ちますが、それほど大きくはありません。 JQUERY SuperFishを使用している場合は、本当に良いcsメニューです。

Answer 3

親要素のフォーカスが失われているためです。 2番目の要素には、以下の要素があります。ドロップダウンが拡大するとコンテンツコンテナの下に移動します。マウスを下に移動すると、テキストコンテナ上に移動します。

web developer toolbarとアウトラインボックスの要素をインストールすると、それが表示されます。

Google for jqueryのドロップダウンメニューや他のjavascriptフレームワークベースのソリューションでは、自己教育のためだけでない限り、それらはきれいでクロスブラウザで動作します。