CSS图像不适用于Opera Next Extension

Question

我正在将Chrome扩展移植到Opera Next。除了CSS图像之外，一切似乎都在工作。

在Chrome中，我们在CSS中指定一个图像，如下所示：

#webapps-compose img {
  content: url("chrome-extension://__MSG_@@extension_id__/skin/webapps/compose-128.png");
}

这部电影上映后会在下一部歌剧中上演吗？

Answer 1

即使在非扩展页上嵌入样式表，也不需要在样式表中指定chrome-extension://__MSG_@@extension_id__。

样式表中的url()总是相对于样式表本身的路径进行解析。因此，只要使用以下样式表，图像就会正确显示。

/* .css file within your extension directory */
#webapps-compose img {
    content: url("/skin/webapps/compose-128.png");
}