Firefox附加CSS不显示背景图像

我正在开发一个Firefox插件，它使用jQuery在呈现页面的特定位置插入

div

标记

div

标记使用CSS文件进行样式设置，CSS文件使用以下代码注入：

var style = Style({
  uri: './dist/app.css'
});

在这个CSS文件中，我有：

.myExt_injected_div_tag {
    background-color: blue !important;
    background-image: url('/locaton/of/my/image.png') !important;
}

这个CSS的应用是因为背景颜色很好（我试着把它改成100%的不同颜色）

问题是

背景图像

标记没有影响。我已经尝试了许多，如果值与

resource://my-ext/data/img.png

指向带有FQDN的图像的URL，当我在浏览器中手动输入时，FQDN会起作用

---

如何更改背景图像？

背景图像的URL必须与呈现该图像的HTML/CSS文件的位置相对

ex: data\html\pane.html
    data\images\pane-img.png
    data\styles\pane.css

然后在

窗格中.css

：

background-image:url("../images/pane-img.png");

---

背景图像的URL必须与呈现该图像的HTML/CSS文件的位置相关

ex: data\html\pane.html
    data\images\pane-img.png
    data\styles\pane.css

然后在

窗格中.css

：

background-image:url("../images/pane-img.png");