Firefox 附加 CSS 不显示背景图像

Question

我正在开发一个 Firefox 插件，它使用 jQuery 在渲染页面的特定位置插入 div 标签。

div 标签使用 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% 的不同颜色）。

问题是background-image 标签没有影响。我已经尝试了多种不同的值，从 resource://my-ext/data/img.png 到 URL 到具有 FQDN 的图像，当我在浏览器中手动输入时这些值都有效。

我怎样才能改变背景图片？

Answer 1

background-image 的 URL 必须相对于呈现此图像的 HTML/CSS 文件的位置。

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

然后在pane.css:

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