css - 在 jstree 上设置默认图标

Question

我将 jstree(带有插件类型)与 bootstrap 一起使用。

我在 bootstrap 中为特定类型使用字形图标，效果很好。

但是，当我尝试为默认类型设置图标时，我看到一个空图像，甚至开发人员工具 (IE) 上的内联样式也不同。

类型 javscript:

"types": {
                "default": {
                    "icon": "~/Images/icon_topicpg.png"
                },
                "moveType": {
                    "icon": "glyphicon glyphicon-transfer"
                },...

在 HTML 上检查的元素:

<i class="jstree-icon jstree-themeicon jstree-themeicon-custom" role="presentation" style='background-position: center; background-image: url("~/Images/icon_topicpg.png"); background-size: auto;'></i>

为什么没有显示图片？

这里应该修复什么？

Answer 1

通过将图标设置为完整的 URL 解决了这个问题，如下所示: http://domain/app/Images/icon.png

代替路径