CSS 图像不适用于 Opera Next Extension

【问题标题】：CSS images not working with Opera Next ExtensionCSS 图像不适用于 Opera Next Extension
【发布时间】：2013-06-28 19:20:01
【问题描述】：

我正在将 Chrome 扩展程序移植到 Opera Next。除了 CSS 图片，一切似乎都正常。

在 Chrome 中，我们在 CSS 中这样指定图像：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：