回答編集履歴
3
修正
answer
CHANGED
|
@@ -22,6 +22,7 @@
|
|
|
22
22
|
以下だと解決のヒントになるかもしれません。
|
|
23
23
|
```CSS
|
|
24
24
|
.cover2 {
|
|
25
|
+
/* カーソルなどで触れなくなる (要素がポインターイベントの対象になることはない) */
|
|
25
26
|
pointer-events: none;
|
|
26
27
|
}
|
|
27
28
|
```
|
2
修正
answer
CHANGED
|
@@ -24,4 +24,7 @@
|
|
|
24
24
|
.cover2 {
|
|
25
25
|
pointer-events: none;
|
|
26
26
|
}
|
|
27
|
-
```
|
|
27
|
+
```
|
|
28
|
+
|
|
29
|
+
参考URL:
|
|
30
|
+
[https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events](https://developer.mozilla.org/ja/docs/Web/CSS/pointer-events)
|
1
原因が特定できました。
answer
CHANGED
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
[1]
|
|
1
2
|
とりあえず、以下を指定してみると、解決するかもしれません。
|
|
2
3
|
|
|
3
4
|
```CSS
|
|
@@ -8,5 +9,19 @@
|
|
|
8
9
|
}
|
|
9
10
|
```
|
|
10
11
|
|
|
12
|
+
[2]
|
|
13
|
+
あとは「ボタンが押せない」的な問題が生じている場合、ほかの透明な要素が前面を覆っている場合もあるので、ヘッダーを一時的にコメントアウトしてみて様子を見る、など試してみてもいいかもしれません。
|
|
14
|
+
|
|
11
15
|
---
|
|
16
|
+
追記: [2]のほうみたいでした。
|
|
17
|
+
|
|
18
|
+
|
|
12
|
-
|
|
19
|
+
`<li class="cover2">`の要素が前面に覆いかぶさっているため、ボタンが押せなくなっているようです。
|
|
20
|
+
画面幅にもよりますが、右側の端の部分は押すことができるようです。
|
|
21
|
+
|
|
22
|
+
以下だと解決のヒントになるかもしれません。
|
|
23
|
+
```CSS
|
|
24
|
+
.cover2 {
|
|
25
|
+
pointer-events: none;
|
|
26
|
+
}
|
|
27
|
+
```
|