回答編集履歴
1
日本語がおかしかったので修正
answer
CHANGED
|
@@ -6,9 +6,10 @@
|
|
|
6
6
|
|
|
7
7
|
検索:[chrome 開発者ツール 使い方](https://www.google.com/search?sxsrf=ALeKk01YjW3NhFhCJ8kZsr_euq37HG9jPQ%3A1611422906433&ei=ulwMYL_0GYLU-Qayj6WQBw&q=chrome+%E9%96%8B%E7%99%BA%E8%80%85%E3%83%84%E3%83%BC%E3%83%AB+%E4%BD%BF%E3%81%84%E6%96%B9&oq=chrome+%E9%96%8B%E7%99%BA%E8%80%85%E3%83%84%E3%83%BC%E3%83%AB+&gs_lcp=CgZwc3ktYWIQAxgAMgQIIxAnMgIIADICCAAyBAgAEEMyAggAMgIIADICCAAyAggAOgQIABBHUPAQWPAQYOYbaABwAngAgAFfiAFfkgEBMZgBAKABAaoBB2d3cy13aXrIAQXAAQE&sclient=psy-ab)
|
|
8
8
|
|
|
9
|
-
cssの`z-index`を使わない限りは、後勝ちで前面に来
|
|
9
|
+
cssの`z-index`を使わない限りは、後勝ちで前面に来ます。
|
|
10
10
|
上のスイッチ（1つめのinput）の範囲が下のスイッチの範囲よりも背面に入っている為
|
|
11
11
|
下のスイッチしか反応しないという状態になっています。
|
|
12
|
+
（2枚のカードを重ねて、上のカードだけを触っているいえば伝わるでしょうか）
|
|
12
13
|
|
|
13
14
|
それから前後関係を解消しても`position: absolute`指定による弊害が出ると思います。
|
|
14
15
|
|