I am making a rather "experimental" site (made all the more so by my initial ignorance of how to go about it), where I am to deliver a fair amount of the content through understated "hidden" links.
I would thus like to link one particular region of an image to another page in my site, and do this many times over within the site.
I have started to play around with this by putting a button over the region I wan to be my link "hotspot".
However, the position of my button changes from the precise region of my image that I want the link to be, on the preview and when resizing the browser window.
Which is to be expected I'm sure.
I have been using absolute positioning with % or vw/vh values.
Is there any way of making the link block/button always stay in exactly the same spot in regards to its parent element even while the later resizes to remain responsive?
The part Im working on is within SECTION 03/ SLIDER DIV BLOCK/ SLIDER/ MASK/ Slide 2/ IMAGE DIV BLOCK/ COLOUR BLOCK/ WATERBOMB BUTTON
Is there any better way of achieving this?
Or good ways of implementing easter eggs in general?
I am completely new to this but very fascinated by the process, so I would appreciate any pointers anyone has.
Thank you very much in advance.