回答編集履歴

1

コード修正 サンプル追加

2021/10/12 03:41

投稿

hatena19
hatena19

スコア34075

test CHANGED
@@ -78,6 +78,10 @@
78
78
 
79
79
  transition: 1s opacity; /* アニメーション設定 */
80
80
 
81
+ visibility: hidden;
82
+
83
+ pointer-events: none;
84
+
81
85
  }
82
86
 
83
87
 
@@ -85,6 +89,8 @@
85
89
  .main_menu:hover .sub_menu_wrapper {
86
90
 
87
91
  opacity: 1;
92
+
93
+ pointer-events: auto;
88
94
 
89
95
  }
90
96
 
@@ -105,3 +111,7 @@
105
111
  /* 以下略 */
106
112
 
107
113
  ```
114
+
115
+
116
+
117
+ [CodePenサンプル](https://codepen.io/hatena19/pen/RwZNxJj?editors=0100)