为什么内置的jquery移动图标不会出现在移动设备上?

时间:2012-08-21 11:38:45

标签: jquery-mobile

我有一个奇怪的问题,如果我在桌面计算机上查看我的网站,带有主题 - 滚动拉链文件的图标显示就好了但是当在移动设备上查看网站时(到目前为止)我只使用Chrome和内置浏览器以及ipod touch测试了一个Android设备,图标拒绝显示。我只是得到一个空白的圆圈,图标应该是。图标图像文件位于名为' images'的文件夹中。它与css文件位于同一目录中,所以我不认为这是一个路径问题。为了清楚起见,它发生在jquery mobile应该显示一个图标的地方,而不仅仅是一两个地方。例如,对于可折叠列表,jquery mobile应该在折叠部分时显示加号图标,在展开部分时显示减号图标等。

请帮忙!

由于

修改 所以我自己动手在我的移动设备上在Chrome中设置远程调试,看来问题是由于某种原因,仅在移动设备上,css或js告诉浏览器使用白色图标集而不是到黑色图标集。白色图标似乎不会出现,因为它们位于白色背景上。任何人都知道为什么在桌面浏览器上它会使用一种颜色的图标,而在移动浏览器上它会使用另一种颜色?

1 个答案:

答案 0 :(得分:4)

在css中,只需更改

background-image: url(./images/icons-36-white.png); 

通过

background-image: url(./images/icons-36-black.png);

在HD /“retina”精灵部分(在lmy主题的485行左右,不确定每个人都是一样的。)