css - 为什么我的 Sprite 在 iOS/Android 上不工作,但在 Safari/Chrome 上工作正常?

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

当您选择一张照片然后点击它以调出工具栏时,相关图像位于底部工具栏上。它在 Safari 中的位置堪称完美,但在移动版 Safari 中却无处可寻。 Here's an example

有什么想法吗?

谢谢!

最佳答案

问题是:在 http://www.foodtrucksmap.com/mobile/photoswipe.css160 中,您覆盖了 http://www.foodtrucksmap.com/mobile/images/photoswipe-icons.png 带有总部图标地址的图像(http://www.foodtrucksmap.com/mobile/images/photoswipe-icons@ 2x.png) 出现 404 错误。

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

关于css - 为什么我的 Sprite 在 iOS/Android 上不工作,但在 Safari/Chrome 上工作正常?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6975632/

相关文章:

mobile-safari - 如何指定可下载文件的内容类型

javascript - Touchmove 事件在从 dom 中删除任何元素后停止触发

ios - 在 iOS 8.0.0 GM Safari 上通过 HTTP 上传文件失败

html - Chrome - flexbox - 包含框

jquery - 图标字体在Opera mini中不起作用

javascript - 更改 JQuery Mobile 中的自定义菜单

json - 使用本地 JSON 数据填充 jQuery Mobile ListView

html - 如何默认设置滚动到下拉列表顶部

twitter-bootstrap - 旋转图标-刷新

jQuery 手机 : Scroll only the listview