Question

我有自己的工具箱和toolbarpalette工具栏我遵循了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

您的工具栏是否有高度和宽度？我不记得它们是否在默认情况下被阻止，但它可能没有显示，因为它没有尺寸？

Firefox XUL工具栏背景图片

3 个答案: