Question

how can i apply the same Backgrond image position for my image in different desktop devices?

This is the page where there is the background image : http://tommywebdesigner.com/Vision%20General.html

Here my code:

#vision {
background-attachment: fixed;
background-image: url("/img/lapedrera.jpeg");
background-position: 85% 62%;
box-shadow: 2px 1px 6px 0 #888888 inset;
height: 350px;
margin-top: 35px;
width: 100%;

}

If you have a look by this tool http://quirktools.com and paste the url, you see that in different desktop devices the background-image change the position, how can i make my image having the same position as background-image in different desktop devices?

Hope the explanation is clear

Answer 1

I’m not sure, if I understand your question correctly. If you want the image to display the same area regardless of how much you scroll down, you’ll have to remove this attribute:

background-attachment: fixed;