2013-08-13 4 views
2

페이지의 오른쪽 하단에 배경 이미지가 있습니다.가로 스크롤이있는 배경 이미지

내가 브라우저 너비를 압축하면 배경 이미지가 왼쪽에서 잘립니다. 가로 스크롤 막대로 배경 이미지를 탐색 할 수 없습니다.

다음과 같은 배경 속성이 있습니다.

background-image : url ('Image.png'); background-size : 564px 282px; background-attachment : fixed; background-position : 오른쪽 하단; background-repeat : no-repeat;

알려주세요. 무엇이 빠졌는지 알려주세요. 사전

+0

당신이 배경 크기 사용할 수 있습니다 : 100 %; – Parixit

답변

2

이미지 없음 가로 스크롤에 감사 : 당신은 contain, fit 또는 100% 하나에 background-size CSS 속성을 추가 할 필요가

. 이렇게하면 가로 스크롤없이 이미지가 나타납니다. 이미지의 수평 이동에 대한

: 스크롤을 원하는 경우

는, 당신은 최소 폭을 제공해야하고 그 폭은 배경 이미지의 폭과 동일해야합니다.

+0

왼쪽 하단이나 오른쪽 하단의 이미지는 스크롤 할 수 없습니까? – John

+0

이렇게하면 스크롤이 중지됩니다. 스크롤을 원한다면 min-width를주고 그 너비는 이미지 너비와 같아야합니다. - @John – Nitesh

+0

나는 나의 대답을 편집했다. 확인할 수 있습니다 - @ 존 – Nitesh

1

try css3 animation?

@-webkit-keyframes move{ 
from {background-position: bottom right;} 
to {background-position: bottom left;} 
} 

div{ 
-webkit-animation:move 5s; 
} 
http://www.w3schools.com/css3/css3_animations.asp

또한 현재 코드가 여기에 붙여

관련 문제