Firefox拡張機能Menuitem画像が表示されない

Question

私は、サーバーからフェッチされたデータからブックマークメニューを作成するFirefox拡張機能を開発中です。私は各menuitemにアイコンを追加したいと思いますが、それらを表示させることはできません。

Bookmarks.createMenuItem = function(item) { 
    var menuItem = document.createElementNS(Bookmarks.XUL_NS, "menuitem"); 
    menuItem.setAttribute("label", item.url_title); 
    menuItem.setAttribute("oncommand", "Bookmarks.openUrl('" + item.url + "');"); 
    menuItem.setAttribute("class", "bookmark-menu-item"); 
    if (item.favicon) { 
      menuItem.setAttribute("class", menuItem.getAttribute("class") + 
            " menuitem-iconic"); 
      menuItem.setAttribute("image", item.favicon); 
    } 

    return menuItem; 
}; 

menuitemはイメージを表示しない以外は問題ありません。私は各画像（以下のコードのitem.faviconから）にアクセスしているURLにアクセス可能であることを確認しました。

任意のアイデアは、ここで間違って何ですか？私はFirefox 6.0.2を使用しています。 HttpFox - -

Answer 1

私は、メニュー項目のアイコンを持っているランダムな拡張子を選んだし、そこにはこのようなものがあります：

XULファイル内：

<menupopup id="toolsPopup"> 
    <menu id="hf_menu_HttpFox" 
     class="menu-iconic" 
     label="&browseroverlay.menutools.httpfox.label;" /> 
</menupopup> 

CSSファイル内：

#hf_appmenu_HttpFox, #hf_menu_HttpFox, #hf_menu_webDeveloper_HttpFox { 
    list-style-image: url(chrome://httpfox/skin/globe16.png); 
} 

を

FoxSplitterでも同じです。その後、

style属性は、メニューのために許可されているのであれば基本的に、あなたは（item.faviconがURLの場合）

menuItem.setAttribute("style", "list-style-image: url(" + item.favicon + ")"); 

に

menuItem.setAttribute("image", item.favicon); 

を変更することができ、またはstyleが動作しない場合は、各項目のクラスを作成します。 これが役立つことを願っています。