水平滚动的背景图像

Question

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

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

我有以下背景属性。

背景图像：网址（ 'Image.png'）;   背景大小：564px 282px;   背景附件：固定;   背景位置：右下角;   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

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