侧栏中的firefox扩展图像显示

Question

我想在侧边栏中显示一系列图像。 图像应该是可单击的。 这是我到目前为止在ff-sidebar.xul文件中得到的内容，但未显示任何内容：

<?xml version="1.0"?>
<?xml-stylesheet href="chrome://global/skin/" type"text/css" ?>
<!DOCTYPE page SYSTEM "chrome://pos/locale/overlay.dtd">

<page id="posSidebar" title="&posSidebar.label;"
     xmlns="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul">

<script src="ff-sidebar.js"/>
<script src="ff-sidebar.css"/>

<vbox flex="1">
  <label value="&posSidebar.label;" />
<image id="image1"/>
</vbox>
</page>

和css文件的代码：

#image1 
{
list-style-image: url("chrome://myextension/skin/images/1.png" width='135' height='130');
}

Answer 1

为什么要尝试将CS​​S文件作为脚本加载？ 脚本声明也应该像这样：

<script type="application/x-javascript" src="chrome://rehostimage/content/password_manager.js" />

至于显示的图像，您是否尝试过

<image src="chrome://myextension/skin/images/1.png" />

？