Javascript CSS精灵不会出现在Android上

我使用jQuery在几个

div

元素（在包装

div

中）上动态加载CSS精灵。大多数情况下，这很好用。然而，一位用户现在告诉我，精灵根本没有出现。不幸的是，很难为它创建一个JSFIDLE，因为这通常不会发生

由于它是使用PhoneGap Build构建的应用程序，因此使用webkit浏览器来显示该应用程序。关于Sprite和Android/Webkit浏览器是否存在任何可能导致这种行为的已知问题

提前谢谢

编辑：当然我可以显示一些代码，为了简单起见，我将只使用一个图像-

div

（这会得到一个精灵）

（不应该做太多）和精灵得到初始化（我编辑了循环条件）

（）{ $（'#image'+i）.css（'background-image'，'url（img/myimage.png）'）） .css（'background-size'，（2*someVar）+'px'） .css（'background-position'，'0-'+（2*i*someVar）+'px'）； }

---

另一段代码正确调整div的大小。就像我说的：无论我在哪里测试它，它都可以正常工作，但是一个用户告诉我他有问题。

问题很可能是sprite太大，移动浏览器无法使用。通过文件大小或分辨率。尝试将精灵拆分为两个文件，看看是否有帮助

---

我也遇到过类似的问题，因为精灵太大了，所以没有出现在iOS上。

几天前我也遇到了同样的问题（iOS上的一切看起来都很好，但Android上没有）。所以经过一些尝试后，我发现如果你只是通过

后台重复：没有重复属性（希望）你能解决这个问题。
它能在PC或Mac上的Chrome或Safari上工作吗？在Firefox和Chrome上都能正常工作。这太奇怪了<代码>：O

你能发布一些代码吗？我会把它编辑成问题！哇，你是通过JavaScript加载的吗？好吧，一个愚蠢的问题。是否包括jQuery而不是jQM我很抱歉，我没有看到你的答案。我现在知道的更多了。精灵正在显示，但由于某些原因，它的大小不正确（它在容器中重复的次数太多）。我非常怀疑这是一个分辨率问题，因为这个用户的分辨率非常低，我根据分辨率加载了一个精灵集，所以他手机上使用的图像非常小。我还没有任何反馈，如果它在最新版本中工作，那么让我们拭目以待。在我的公司里，我们一直疯狂地试图找出是什么导致精灵在任何地方都是透明的，这个答案是正确的！我们在精灵中添加了一些新的图像，然后它停止显示其中的任何一个

<div id="wrapper">
    <div id="image0"></div>
</div>

#wrapper div[id^="image"] {
    z-index: 10;
}

for (<i>) {
    $('#image' + i).css('background-image', 'url(img/myimage.png)')
           .css('background-size', (2*someVar) + 'px')
           .css('background-position', '0 -' + (2*i*someVar) + 'px');
}