фоновое изображение с горизонтальной прокруткой

Question

У меня есть фоновое изображение в нижней правой части страницы.

Когда я сжимаю ширину браузера, фоновое изображение обрезается с левой стороны. Значит, я не могу просматривать фоновое изображение с помощью горизонтальной полосы прокрутки.

У меня есть свойства фона ниже.

background-image: url ('Image.png'); background-size: 564px 282px; background-attachment: fixed; background-position: нижний правый; background-repeat: no-repeat;

Пожалуйста, дайте мне знать, что здесь отсутствует. Заранее спасибо

Answer 1

Нет горизонтальной прокрутки изображений:

Вам нужно добавить background-size атрибут CSS либо contain, fit или 100%. Это заставит ваше изображение появляться без горизонтальной прокрутки.

Для горизонтальной прокрутки для изображений:

Если вы хотите прокрутки, то вы должны дать мин ширину и что ширина должна быть равна ширине фонового изображения.

Answer 2

попробуйте css3 анимация?

@-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

, а также вставить ваш текущий код здесь