如何在酷小猫垂直视差中居中背景图像

时间:2014-03-17 09:13:21

标签: javascript html css parallax vertical-scrolling

我正在使用酷小猫垂直视差框架。 当我在移动设备中调整窗口或视图的大小时,背景图像不会居中。

我试过background-position: center; 另外background-size:cover;

但事实证明,js会将位置覆盖为动态的东西,如 -

 element.style {
         background-position: 25px 172px;
    }

由于它是垂直视差,我只想让Y坐标改变而X是恒定的,所以无论在哪个设备上观看,图像都以x轴为中心。

更新1:

我使用background-position-x: center !important;将图像居中 但现在它导致了移动版本的差距。

演示链接 - http://goo.gl/bMHA81 在移动版中查看时,看起来像这样 - http://i.stack.imgur.com/OJaW4.png 我希望消除那个橙色的差距。

0 个答案:

没有答案