javascript - 水平滚动的背景图像

Question

我在页面的右下角有一个背景图片。

当我压缩浏览器宽度时，背景图像在左侧被裁剪。意味着我无法使用水平滚动条浏览背景图像。

我有以下背景属性。

背景图像：url（'Image.png'）；背景尺寸：564px 282px；背景附件：固定；背景位置：右下角；背景重复：不重复；

请让我知道，我在这里缺少什么。提前致谢

Answer 1

图像没有水平滚动：

您需要将background-sizecss 属性添加到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

并在此处粘贴您当前的代码