質問編集履歴
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
|
-
お詳しい方、お知恵を拝借願います。
|