隠し要素にファイルをドロップ

Question

私はきれいに見えるドラッグ&ドロップファイル入力（パス文字列とアップロードボタンを使わず、単にボーダーを持つ空のボックスとして）を作ろうとします。これを行うには、visibility: hiddenプロパティを使用しました。この方法で、ファイル入力は実際には空です。 display: noneを使用しなかったのは、DOMから要素を「削除」しているように見えるからです。

この場合、onDropイベントが機能しないという問題があります。 onClickも機能しません。私はそれを動作させるために要素を見えるようにしなければならないが、再び、私は内容が見えるようにしたくない。

どうすればこの問題に対処できますか？

Answer 1

不透明度を試してみてください、あなたがやりたいようだ：

opacity: 0; 

Answer 2

ようなもので視野の外に移動についてはどのように：

overflow: hidden; 
padding-top: 9999px;