Фоновое изображение панели инструментов Firefox XUL - PullRequest
0 голосов
/ 07 сентября 2011

У меня есть своя собственная панель инструментов с набором инструментов и панелью инструментов.
Я следил за этим 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");
}

Ответы [ 3 ]

4 голосов
/ 13 сентября 2011

Поскольку никто не мог помочь, я спросил в группе Google mozilla.dev.tech.xul и получил ответ

Попробуйте добавить " -moz-Appearance: none; "к вашей CSS-строфе.Это отключает OS-определенные темы.

И эта штука просто сработала!Он также удаляет все специфичные для ОС эффекты внешнего вида

см: https://groups.google.com/group/mozilla.dev.tech.xul/browse_thread/thread/a4cd4452a72b9151#

1 голос
/ 09 сентября 2011

Ваша панель инструментов имеет высоту и ширину?Я не могу вспомнить, являются ли они блоком по умолчанию, но он может не отображаться, поскольку не имеет размеров?

1 голос
/ 07 сентября 2011

Учитывая, что в показанном здесь коде нет проблем, я вижу только одно объяснение: фоновое изображение устанавливается в другое значение в другом месте, возможно, в каком-то встроенном файле CSS. Вы можете проверить правила CSS, применяемые к определенному элементу пользовательского интерфейса, используя DOM Inspector .

...