I need a button to always be in the same place with respect to a background image in HTML

-1

I have an "x" image that I put in a "div" that covers the entire screen size in all resolutions. The question is that I have to place buttons on top of him and I need them to be in a certain place. Ex:

The image has a "Menu" box to which I have to place the button on top. I put the button in a resolution of 1024x768 but when moving to a smaller or larger resolution, the button appears in another part of the image.

How can I do?

    
asked by Oscar Eduardo Sosa Lopez 04.03.2018 в 04:31
source

1 answer

0

Placing snippets (code fragments) is essential to be able to help, however with what I could capture of your issue, my suggestion would be:

The div that occupies 100x100 adds position: relative within this div adds a second div, within that new div adds the button you want and in addition, to that div adds the properties position: absolute; bottom: 10%; left 10%; display: inline-block; "plays" with the percentages to accommodate your taste.

    
answered by 05.03.2018 в 01:23