如何使用jQuery或JScript在XUL面板上創建加載掩碼

Question

沒有人知道如何使用JQuery或普通Javascript在XUL面板上創建加載掩碼？

我正在開發一個Firefox擴展，我需要一些面板的加載掩碼以避免用戶在提交信息時進行任何進一步的輸入。

首先，我不確定mozilla是否支持通過XUL面板加載蒙板，因爲到目前爲止我嘗試的所有JQuery腳本都會讓面板消失而不是掩蓋它。

感謝閱讀

Answer 1

XUL使用盒佈局，這使得典型的技術從HTML像絕對定位的div故障。您應該使用XUL <stack>標記（請參閱https://developer.mozilla.org/en/XUL/stack），並將您的內容和半透明圖層作爲其子項。當您使半透明圖層可見時，它將顯示在內容的頂部。例如：

<stack flex="1"> 
    <hbox id="content" align="center" pack="center"> 
    <button label="Click here" oncommand="document.getElementById('busy').hidden = false;"/> 
    </hbox> 
    <hbox id="busy" hidden="true"/> 
</stack> 

和一些CSS代碼：

#busy { 
    background-color: black; 
    opacity: 0.5; 
}