css - ナビゲーション ドロップ ダウン画像 - サブ ナビゲーション

Question

このサイトで「サービス」タブにカーソルを合わせると、青色のドロップダウンと黄色のサブ ナビゲーション ドロップダウンが表示されます。黄色のサブ ナビゲーション ドロップダウンは、ユーザーが親の [修復] にカーソルを合わせるまで非表示にする必要があるため、表示されるべきではありません。

この効果を得るためにコードに何を追加すればよいか、または同様のものを構築した人はいますか?

Answer 1

あなたは</li>多すぎます：

<li id="menuCellTop"><a href="index.cfm?page=menus&menu=full" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('repairs','','/images/repairs-active.gif',1)"><img src="images/repairs.gif" alt="repairs" name="repairs" /></a></li>

次のようにする必要があります。

<li id="menuCellTop"><a href="index.cfm?page=menus&menu=full" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('repairs','','/images/repairs-active.gif',1)"><img src="images/repairs.gif" alt="repairs" name="repairs" /></a>

ところで、あなたの html にはたくさんのエラーがあります。このようなことを避けるために、それを修正したいと思うかもしれません。