- ベストアンサー
※ ChatGPTを利用し、要約された質問です（原文：メニューを作成しています。）
メニュー作成の方法とサブメニューの書き方について
このQ&Aのポイント
- メニュー作成の方法とサブメニューの書き方について教えてください。上部メニューは２段にわけ、１段目にメインメニュー、２段目にオンマウスでサブメニューを表示する予定です。また、サブメニューの表示位置を同じにするためにCSSを共有化したいと考えています。
- 現在試みている方法は、JavaScriptを使用してオンマウスでサブメニューを表示・非表示にする方法です。CSSではマージンをマイナスに設定してサブメニューの表示位置を調整しています。しかし、リンクが反映されない問題が発生しています。
- 質問：メニュー作成の方法とサブメニューの書き方について教えてください。サブメニューの表示位置を同じにするためにCSSを共有化したいと考えています。現在試みている方法はJavaScriptでオンマウスでサブメニューを表示・非表示にする方法ですが、リンクが反映されません。他に原因や解決方法があれば教えてください。
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
「リンクが反映されない」とは具体的にどのような状況なのでしょうか？ aタグの中の文字は青色に変化しているのに、クリックができない、という状況でしたら、ひょっとしたらJavaScriptの表示・非表示の動作でvisiblityプロパティを使っていませんか？ visiblityプロパティのhiddenは、表示されていなくても存在はしている（少しわかりづらいでしょうけど）状態なので、リンクなどの上にvisiblity:hiddenのコンテントがあると、下のリンクが押せなくなることがあります。 回避方法としてはvisiblityプロパティではなくdisplayプロパティを使う事で回避できると思います。 長々と予測で説明してしまいましたが、間違っていたらごめんなさい。
お礼
回答ありがとうございます。 なるほどっ。。なんかわかったような気がします！ 実は昨日、別の方法で出来てしまったんです。＾＾； でも一度、回答者様の方法でも試してみます。 何せ今の方法が激しく複雑なので。。。 アドバイスありがとうございます！