画像上書き後のアップロードボタンが動作しない_html/css_WEB-ITnose

ボタン 次のボタンはアップロード ボタンをカバーしています。absolute を使用した後にクリックするのはなぜですか写真の位置がうまくいかないのはなぜですか? ?私が望むイベントは、画像をクリックしてイベントをトリガーすることです

ディスカッション (解決策) に返信

なぜわざわざ入力透明度を 0 に設定し、画像上でカバーします。

なぜわざわざ入力するのですか? 入力の透明度を 0 に設定して画像の上に覆うだけです。

どういう考え…わかりません
まず、ボタンをクリックすると、2つのボタンが生成されます。そのうちの1つは、画像で覆われています。入力 type=file にはボタンが指定されていません。ああ、ただの写真です。この写真をかぶせて FILE をクリックしてアップロードするだけです。ちょっとわかりにくいです。

もう 1 つの問題は、この写真をビジネス ニーズに使用する必要があるということです...だから...

そうです、画像がボタンを覆っているので、画像が表示されているときはボタンをクリックできません。ブラウザはシミュレートされたファイルのクリック操作をサポートしていないため、画像上のボタンを覆いますが、ボタンの透明度は 0 に設定されているため、ユーザーが画像の位置を確認できるようになります。彼が画像をクリックすると、実際にクリックしたのは画像を覆う透明度 0 のボタンです。

ああ、分かりましたか？


ボタンの背景画像として写真を使用することはできませんか?

ボタンの背景画像として写真を使用することはできませんか?

ファイルに背景を追加してみることができます。