毎年冬は仕事が忙しく、現在も紙媒体、WEBともに色々作業を進めています。さて、Webのお仕事で解決しなくてはならない問題が出てきました。典型的なリストを使った横並びのナビゲーションに、ドロップダウン・メニューを追加したのですが、子要素の li にマウスが移ると、親ボタンからフォーカスが外れて、hoverの指定が効かなくなります。理由があって親のナビゲーションのロールオーバーはJavaScriptで制御し、子要素は普通にCSSでデザインしているので、ためにし全部CSSのみでやってみたのですが、やっぱり親のリスト部分はhoverした状態ではなく、hoverがはずれた普通の指定に戻ってします。
ネットも検索したのですが、いまいちそれらしい記述があるページを発見できませんでした。私と同じように、親ボタンが元の状態に戻るものは何個か発見したんですけどね…。文字だけだと説明が難しいので、問題が解決した時に改めて画像入りで記事を書きたいと思います。
