ログイン ページの画像に入力ボックスを正確に配置するにはどうすればよいですか? _html/css_WEB-ITnose

下のログイン画像に示すように、ユーザー名、パスワード、OK ボタン、その他の位置が画像内で予約されています。アカウント名とパスワードの入力ボックスを画像の位置に正確に配置するにはどうすればよいですか?画像がさまざまな解像度で中央に配置されている場合、ユーザー名とパスワードの入力ボックスの左側の位置は異なるはずです。どうすればさまざまな解像度に対応できるでしょうか。アドバイスをお願いします！

ディスカッション（解決策）への返信

まず、大きな画像の DIV の CSS をposition:relativeに設定し、次にposition:absoluteを使用してDIVを配置し、最後にこのDIVにフォームを書き込みます。

解像度とは関係ありません

背景画像は本文に書きます、background:url(xx.jpg) no-repeat center top
コンテンツコンテナに幅を直接書き、次に margin: 0オート; いつも真ん中じゃないですか？

ありがとうございます。テストが成功したら、まず試してみます。

最も重要なことは、良い写真を見つけることです

描画ツールの Farmework と Photoshop を使用してページ生成機能を提供でき、どちらも正確な位置を実現できます

私は以前にもこの問題に遭遇したことがあります