为什么我的精灵不适用于iOS / Android,但在Safari / Chrome中运行良好?

时间:2011-08-07 20:37:25

标签: css jquery-mobile mobile-safari css-sprites

当您选择照片然后点击它以调出工具栏时,相关图像位于底部工具栏上。它在Safari中完美定位,但在移动野生动物园中无处可见。 Here's an example

有什么想法吗?

谢谢!

1 个答案:

答案 0 :(得分:2)

问题是:在http://www.foodtrucksmap.com/mobile/photoswipe.css160上,您使用HQ图标(http://www.foodtrucksmap.com/mobile/images/photoswipe-icons.png)的地址覆盖了http://www.foodtrucksmap.com/mobile/images/photoswipe-icons@2x.png图片,该图标收到404错误。

因此,解决方案是将所需的图像放在必须的位置或删除这些样式,这样它们就不会覆盖非HQ图像的地址。