Firefox XUL工具欄背景圖片

Question

我有自己的工具欄，其中包含工具箱和工具欄調色板。
我遵循了這個https://developer.mozilla.org/en/Skinning_XUL_Files_by_Hand
並且工具欄的背景圖像未顯示，這可能是錯誤的嗎？
在錯誤控制台中找不到任何調試消息

請注意， 圖像#logoimage顯示正確

XUL

<toolbox id="navigator-toolbox" class="nav-box" crop="end">
        <toolbarpalette id="BrowserToolbarPalette">
            <image id="logoimage"/>
            <toolbarbutton type="menu" label="&toolbar.quicklinks.label;" id="quicklinks">
                <menupopup>
                    <menuitem class="menuitem-iconic" label="&toolbar.quicklinks.quicklink1;" image="chrome://tbar/skin/icon.png"/>
                </menupopup>
            </toolbarbutton>
        </toolbarpalette>
        <toolbar id="test-toolbar"
             class="nav-bar"
             mode="full"
             iconsize="small"
             customizable="true"
             context="toolbar-context-menu"
             toolbarname="Toolbar"
             crop="end"
             defaultset="logoimage,toolbarseparator,quicklinks">
        </toolbar>
    </toolbox>

的CSS

toolbar.nav-bar {
    background-image: url("chrome://tbar/skin/tbg.png");
}

#logoimage {
    list-style-image: url("chrome://tbar/skin/logo.png");
}

Answer 1

由於沒人能幫忙，我在mozilla.dev.tech.xul Google小組中詢問，並得到了答案

嘗試在CSS節中添加“ -moz-appearance：none; ”。 這將關閉操作系統定義的主題。

那個東西簡直起作用了！ 它還刪除了所有操作系統特定的外觀效果

請參閱： https : //groups.google.com/group/mozilla.dev.tech.xul/browse_thread/thread/a4cd4452a72b9151#

Answer 2

鑒於您在此處顯示的代碼中沒有問題，我只看到一種解釋：背景圖像在其他位置（可能在某些內置CSS文件中）設置為其他值。 您可以使用DOM Inspector檢查應用於特定UI元素的CSS規則。

Answer 3

您的工具欄是否有高度和寬度？ 我不記得默認情況下它們是否處於阻止狀態，但可能因為它沒有尺寸而沒有顯示？