css - Firefox 附加 CSS 不显示背景图像

Question

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

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.pngURL 到具有 FQDN 的图像，当我在浏览器中手动输入时这些值都有效。

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

score 0 · Accepted Answer

的 URLbackground-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");

1 回答 1