Jquery mobile 如何为固定页脚中的图标使用遮罩图像？

这是我的页脚：

这是我使用遮罩图像的自定义图标：

.ui-icon-nearby {-webkit-mask-image: url(../i/nearby.png); -moz-mask-image: url(../i/nearby.png); background-color: #ffffff}

我在导航栏附近的项目上看到一个白色方块，没有图标

但是，如果我在页脚div中添加在page show=“false”上可见的数据，我会看到图标，但页脚不再固定，它会出现在页面底部

---

谢谢

如果您创建一个JSFIDLE来演示这个问题，它会很有帮助。