添加圖標到門衣架FireFox Extension的通知

Question

我一直在嘗試在我的firefox擴展中爲門架通知添加一個圖標。然而，我卻無法做到這一點。以下是我試過的...

PopupNotifications.show(gBrowser.selectedBrowser, "sample-popup", 
    message, 
    anchor, /* anchor ID */ 
    { 
    label: primaryLabel, 
    accessKey: accessKey, 
    callback: function() { 
     alert("Doing something awesome!"); 
    } 
    }, 
    null, /* secondary action */ 
    { 
    popupIconURL: WWWUP_ResourceURLs.icon 
    } 
); 

使用popupIconURL選項。上述不起作用，它也不會產生錯誤。

我一直在尋找在文檔https://developer.mozilla.org/en/Using_popup_notifications#Adding_an_icon_to_your_notification

提到的方法我不明白的地方追加下面的代碼...

.popup-notification-icon[popupid="sample-popup"] { 
    list-style-image: url("chrome://popupnotifications/skin/mozlogo.png"); 
} 

一些指導，將不勝感激。

Answer 1

此CSS代碼必須適用於瀏覽器窗口。你可能有應用到瀏覽器窗口的疊加，在這種疊加添加以下行（documentation）：

<?xml-stylesheet href="chrome://myExtension/skin/browser.css" type="text/css"?> 

隨着chrome://myExtension/skin/browser.css指向像這樣的內容的文件：

.popup-notification-icon[popupid="sample-popup"] { 
    list-style-image: url("popupIcon.png"); 
} 

這將設置chrome://myExtension/skin/popupIcon.png作爲ID "sample-popup"彈出式通知的圖標。

如果你沒有一個瀏覽器窗口覆蓋，你可以得到一個style overlay同樣的效果在chrome.manifest文件：

style chrome://browser/content/browser.xul chrome://myExtension/skin/browser.css