質問編集履歴

1

誤字の訂正、文脈の訂正をしました。

2022/06/17 08:58

投稿

Belltan
Belltan

スコア1

test CHANGED
@@ -1 +1 @@
1
- CSSだけで実装したハンバーガーニューを「×」以外に、メニューの領域外をクリックしても閉じるようにしたいです。
1
+ CSSだけで実装したハンバーガーニューを「×」以外に、メニューの領域外をクリックしても閉じるようにしたいです。
test CHANGED
@@ -1,6 +1,10 @@
1
1
  FC2ホームページ作成機能を利用して、JSは使わずにCSSだけでハンバーガーメニューを実装しているんですが、ハンバーガーメニューが展開中に「×」をクリックする以外に、ハンバーガーメニューの領域外をクリックしても閉じられるようにしたいのですが、どのようにすればいいのか分かりません。
2
2
 
3
+ 今利用している機能がJSが反応しないことがあるため、できればCSSとHTMLだけで解決したいのですが、調べてもよく分かりませんでした。
4
+
3
5
  今実装しているコードはこれです。(字数制限オーバーのため、CSSのコードを一部”上と同じ”と省略しました。)
6
+
7
+ お詳しい方、お知恵を拝借願います。
4
8
  ```HTML
5
9
  <content>
6
10
  <input id="hamburger" class="hamburger" type="checkbox"/>
@@ -343,6 +347,3 @@
343
347
  right: 15px;
344
348
  }
345
349
  ```
346
- 今利用している機能がJSが反応しないことがあるため、できればCSSとHTMLだけで解決したいのですが、調べてもよく分かりませんでした。
347
-
348
- お詳しい方、お知恵を拝借願います。