web_Clickable area on dynamic image

Question

I was wondering what the easiest and simplest method was to make (3) different clickable areas on a jpg image used as website. But, I'm using the following code to make it dynamically resize on window dimension change (css)

background: url('backgroundIMG.jpg') no-repeat center center fixed; 
                -webkit-background-size: cover;
                -moz-background-size: cover;
                -o-background-size: cover;
                background-size: cover;

and so I need a solution that would move the clickable areas move/reposition accordingly, because otherwise I found an easy way to make clickable areas using Edge Animate, but I fear this only works for static backgrounds. Thanks!

Answer 1

I'd make 3 divs with height and width as needed, but that have no content. Then I'd make each div do whatever I needed.

It's important to add that the height and width will be in '%' and not in 'px'. That makes them move according to the background image.