リンクやホバーアニメーションが動作しないときの対処法

リンクやホバーアニメーションがライブプレビューや公開サイト上で動作しない場合、別のボックスが覆いかぶさっている可能性があります。この場合、リンクやホバーアニメーションは正常に機能しません。

本記事ではその場合のチェック項目と解決方法をご紹介します。

リンク設定したボックスに別のボックスが被さっていないか、エディタ上で確認します。重なっている場合は、配置を見直すか、重ね順を調整してください。

下記によくある事例をご紹介しています。当てはまるかどうかご確認ください。

画像ではマイナスマージンを設定したボックスに別のボックスが重なっています。このような場合は重ね順の調整や配置を見直します。

画像のようなローディング風アニメーション用のボックスの重ね順の数字が他の要素よりも大きいと、前面に表示されてしまいます。

サイトアクセス時にのみ表示する要素を設置している場合は、その要素の重ね順を確認しましょう。

以下の画像では、重ね順が通常時（アニメーション終了時）に「-3」に設定されています。この時、他のボックスの重ね順が「-4」などの場合、アニメーションボックスが前面に重なってしまいます。重ね順の数字が他の要素よりも大きい場合は、数字を小さく調整してください。

上記の方法を試しても問題が解決しない場合は、エディタ右下の[？]からサポートチームへお問い合わせください。