background-size:cover relative to content when resizing browser

[mrlonelyhp]

I’m a newbie of responsive design and bootstrap. My website template background is a few circle with a lot of things inside, so i can’t draw it with css, it must be background-image. Now i need to make text, stick and background image fit together when resizing window like this: My-Background…
How can i do that?
http://codepen.io/anon/pen/batdf
Sorry for my bad English.

[Paulie_D]

You’re going to run into issues as clearly neither the text or image will ‘know’ where the others are.

You would, probably, have to position the text elements using position:absolute using percentage based numbers.

I have this from a similar question some time ago

http://codepen.io/Paulie-D/pen/dgcha

[mrlonelyhp]

Thank u sooo much. That example saved me!

[Author]

Posts