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

为什么要尝试将CSS文件作为脚本加载？脚本声明应该是这样的：

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

至于出现的图像，你试过吗

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

firebar扩展图像显示在侧栏中

1 个答案: