Изображения 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() s в пределах таблицы стилей всегда разрешен относительно пути самой таблицы стилей. Таким образом, достаточно использовать следующую таблицу стилей, изображение будет правильно отображаться.

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