Firefox Add-On 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到网址到带有FQDN的图片的不同值，我尝试过多次尝试，当我在浏览器中手动输入时，该功能可以正常工作。

如何更改背景图片？

Answer 1

background-image的网址必须与呈现此图片的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");