如何在 contentscriptfile 中使用相对 url？答案

【问题标题】：How to use relative urls in contentscriptfile?如何在 contentscriptfile 中使用相对 url？
【发布时间】：2014-11-07 02:37:36
【问题描述】：

它在 Firefox 附加 sdk 文档中说关于 page-mod here 的 contentStyleFile 选项：

在此模块的早期版本中，您不能在以这种方式加载样式表，您必须使用一种解决方法。在当前版本已修复，解决方法不再是需要。

但是它没有提到如何做到这一点，我尝试在我的插件中包含来自data 文件夹的本地图像：

element
{
    background: url(data/image.jpeg);
}

但是什么都没发生..

如何在不使用 javascript 的情况下在我的 contentStyleFile 中引用图片网址？

【问题讨论】：

没关系，我只是想通了，contentStyleFile 在数据文件夹中，所以我不得不使用image.jpeg 而不是data/image.jpeg。 url 是相对于 css 文件的。
移动它来回答人。我不知道你能做到这一点，所以很好。
我猜这是一个新功能，我记得几个月前使用 javascript 作为解决方法。我在下面添加了一个答案。
它已经存在好几个月了，是的，它很好。类似于自 Firefox 29 以来创建按钮时图标路径的相对关系。

【解决方案1】：

contentScriptFile 中的 URL 相对于 contentScriptFile 本身。

在我的示例中，contentScriptFile (style.css) 位于 data 文件夹内，因此要引用图像 image.jpeg，我所要做的就是：

element
{
    background: url(image.jpeg)
}

【讨论】：