다른 장치에 배경 이미지가 고정되어 있지 않음

Question

오른쪽 하단에 작은 배경 이미지가있는 웹 사이트를 만들었습니다.

바탕 화면에서 페이지를 스크롤하면 배경 이미지가 맨 아래에 유지됩니다.

Android 기기에서 페이지를 스크롤하면 배경 이미지가 위로 스크롤됩니다. 페이지 중간에서 새로 고침을 수행하면 배경 이미지가 현재보기의 오른쪽 하단에 다시 나타납니다.

iPad에서는 배경 이미지가 페이지 맨 아래에만 표시됩니다.

각 태블릿/휴대 전화 크기에 대해 별도의 배경 이미지를 정의 했으므로 문제가되지 않습니다.

은 참조 : http://www.zaanstuc.nl/onze-producten

는 CSS :

background:#CFCFCF url('../images/pascal1.jpg') no-repeat 100% 100%; 
background-attachment: fixed; 

어떻게 모든 장치의 오른쪽 하단 모서리에 고정 된 이미지를 얻을 수 있습니다 : 데스크톱, 태블릿 및 전화를?

Answer 1

우선 : 귀하의 질문은 매우 모호합니다.

두 번째로, 나는 당신이 오해 한 것 같다고 생각합니다. fixed. 고정 된 것을 설정하면 스크롤 이동이 있어야합니다. 아래로 스크롤하면 배경도 아래로 스크롤해야합니다. 데스크톱에서는 이러한 일이 발생하지만 기기가 작기 때문에 휴대 기기에서 동일한 사용자 환경을 사용할 수 없습니다. 그러나 기술에서는 동일합니다. 당신이 오른쪽에 이미지를 배치하려면

, 당신은이를 사용할 수 있습니다

당신은 background-position: right bottom;

PS를 사용할 수 있습니다 : 나는 당신이 당신의 CSS에서 10 개 body 및 #page2 요소를 가지고 것으로 나타났습니다. 그들은 필요 없으며 제거 될 수 있습니다.