創建一個類似於Firebug的菜單

我嘗試開發我的Firefox插件，我想要一個類似於Firebug的菜單，一個帶圖片的菜單按鈕。這裏是我的意思是：創建一個類似於Firebug的菜單

screenshot

我試圖設置圖像屬性，用CSS但絕不會在顯示圖片。

任何人有一個想法或例子？

來源

2012-03-15 Gildas Ross

看到我想要[這裏]（https://twitter.com/#!/Sadlig/status/ 180267000872976386/photo/1/large） – 2012-03-15 12:21:40

那麼，你究竟做了什麼？ Firebug使用常規的'菜單按鈕>>'並通過'list-style-image' CSS屬性設置圖像。 – 2012-03-15 14:02:21

感謝這正是我想要的 – 2012-03-15 14:49:44

menu-button上的MDN頁面有一個示例，應該可以在疊加層中使用。這裏是一個可以被插入到您的覆蓋適應（與弗拉基米爾風格建議）：

<toolbarbutton type="menu-button" label="" style="list-style-image: url('http://cdn.sstatic.net/stackoverflow/img/favicon.ico')"> 
    <menupopup> 
    <menuitem label="Save This Document"/> 
    <menuitem label="Save All" oncommand="alert('Save All'); event.stopPropagation();"/> 
    </menupopup> 
</toolbarbutton>

來源

2012-06-25 16:53:26

創建一個類似於Firebug的菜單

回答

相關問題