How to accurately place the input box in the image of the login page? _html/css_WEB-ITnose

As shown in the login picture below, the username, password, confirm button and other positions are reserved in the picture. How can I put my account name and password input box accurately in the position of the picture? If the image is centered in various resolutions, the left position of the username and password input boxes should be different. How can it be compatible with various resolutions? Please give me some advice!

Reply to the discussion (solution)

First set the css of the DIV of the large image to position:relative, and then use position:absolute positions a DIV, and finally writes the form in this DIV.

It has nothing to do with the resolution!
The background image is written in the body, background:url(xx.jpg) no-repeat center top
In your content container, write the width directly, and then margin:0 auto; Wouldn’t it always be in the middle?

Thank you, I will try it first. If the test is successful, I will post it!

The most important thing is to find a good picture

You can use the drawing tools farmework and photoshop to provide page generation functions, both of which can achieve precise positioning

This problem has been encountered before Been there