我正在开发一个移动设备页面并获得一个精灵作为背景图像,比相关的div-Container高13倍。通过更改此精灵的背景位置,它看起来像一个动画。在不同的iPad(Safari,Chrome,Dolphin),Microsoft Surface和Sony Xperia Tablet Z(Chrome,Firefox,Opera,Dolphin,Android Ver.4.3)上,一切正常。
我还在Asus Transformer Prime和三星Galaxy Tab 10.1N(股票浏览器,Firefox,Dolphin,Chrome,Opera)上测试我的页面。在这两个设备上,移动Chrome(版本34.0.1847.114)和Opera(版本21.0.1437.74904)中存在一个奇怪的错误。三星Tab的Android版本是4.0.4,而华硕的版本是4.1.1。
Wohle Sprite在y轴上压缩。最初,精灵在y轴上是8879px,在x轴上是1024px,这也是Div容器的背景大小。当精灵被压缩时,背景位置的变化正常工作,直到精灵的底部到达div-Container的底部。然后当我想要更改背景位置时,两个浏览器都会开始拉伸精灵。这种情况发生,直到背景位置重现值-7770px,然后图像消失。
希望有人知道这里发生了什么,我完全因此而感到困惑!