If I change the zoom in my browser, the background image (the logo of my website) is positioned differently with respect to the other elements of the website.
I'm using:
I am trying to achieve something like this with CSS:
I'd like to keep the body background image fixed on fullscreen, this is sort of done by the following code:
The background-image is just a simple pattern that looks best at 100%.
Is there a way to prevent such a background-image from being resized when zooming the page?
I have a div with background image which contains 3 colors of the same icon
I shift the icon (background-position: top/center/bottom) according to what page is user viewing:
I'm trying to figure out the reason for a weird behaviour in the browser.
The thing is when you start zooming in the webpage, suddenly the background comes in and invade ...