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 で動作しますか?

Answer 1

chrome-extension://__MSG_@@extension_id__非拡張ページにスタイル シートを埋め込む場合でも、スタイル シートで指定する必要はありません。

url()スタイルシート内の は、常にスタイルシート自体のパスに対して相対的に解決されます。そのため、次のスタイル シートを使用するだけで、画像が正しく表示されます。

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