margin-top を変えるとクリックしても変化しなくなりましたが、なぜですか？

カーソルがボタンの位置からずれて、クリックイベントが発火されなくなっているからです。

2021年8月25日

ユーザー

レッスン通りにおみくじが動くことを確認した後に、試しにボタン押下の動きを大きくしてみる為、
#btn:activeのmargin-topを35pxから大きな値に変更してみました。

ある大きさまでは問題なく動くのですが、値を大きくしすぎると、テキストが「？」のまま変わらない現象が起きます。色々試してみたところ、margin-top: 188px;までは問題なく、189px以上になるとこの現象が起きます。

原因の検討がつかず質問させていただきました。ご教授頂けると幸いです。

この回答を見るにはプレミアムプランへの登録が必要です

このレッスンの質問と回答（5）