質問: ### 前提 画像1~2 現在、Javascriptにてドラッグアンドドロップを使用したWebアプリを制作しています。 都合上ドロップ先にわかりやすくするため、ドロップしたいエレメントの**影のように見えるDIV**をcreateElement,appendChildを使用し、**ドロップ先に表示**しました。 ソースコードが非常に複雑になってしまっており、ソースコードを記載しての説明が困難のためイメージ画像を用意しました。 ### 発生している問題・エラーメッセージ 画像3 現在抱えている問題は、**ドラッグしたエレメントを影の上に重ねた場合ドロップすることができない**ということです ![イメージ説明](https://teratail.storage.googleapis.com/uploads/contributed_images/2746a96260039a388da1a94d4224f0bb.png) ### 実現したいこと 表示している影の上でも画像4と同様にドラッグしたエレメントをドロップ可能にしたいです。 どのようにコードを組めばよろしいでしょうか?ご教授いただけるとありがたいです。 ### 補足情報(言語/FW/ツール等のバージョンなど) ブラウザ:GoogleChrome html5 css3 Javascript
回答: 影とドロップの z-index を調整すればよいのでは。