使用本地图像时，jquery mobile glyphish图标不显示图标容器背景

我使用指向演示页面glypish.com/images/demo.png的glypish图标集在页脚中设置了所有图标

但是，当我下载图像并使用自己的容器图像时，不会显示JSFIDLE和演示代码：

我看到第一个选项卡中的蓝色图标，看起来对我来说工作正常。哦，我看到你关于黑色斑点背景的评论-你的图像需要有背景色才能看到。你的只是一个透明的png。不敢相信我没有注意到，哈哈，谢谢！

    <div data-role="footer" class="nav-glyphish-example" data-position="fixed"> 
            <div data-role="navbar" class="nav-glyphish-example" data-grid="d"> 
                <ul> 
                    <li><a href="#" id="favorite" data-icon="custom" ></a></li> 
                    <li><a href="#" id="recent" data-icon="custom"></a></li> 
                    <li><a href="#" id="contacts" data-icon="custom"></a></li> 
                    <li><a href="#" id="keypad" data-icon="custom"></a></li> 
                    <li><a href="#" id="voicemail" data-icon="custom"></a></li> 
                </ul> 
            </div> 
    </div>