opera-extension - 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");
}

当 Opera Next 发布时，它会在 Opera Next 上运行吗？

Answer 1

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

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

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