Firefox addon 如何在XUL弹出面板下放置阴影

我试图在弹出面板下放置阴影，其定义如下：

<popupset id="mainPopupSet">
    <panel id="autoTagBookmarksPopup" noautohide="true" fade="none" backdrag="true" level="float">
        <hbox id="titleBox">
            <spacer flex="1"/>
            <image id="closeImage" align="end"/>
        </hbox>

。。。 我没有成功地使用：盒子阴影

---

任何人都有建议吗？

你能粘贴你用于框阴影的css吗

试试这个

-moz-box-shadow: 3px 3px 4px #000;
-webkit-box-shadow: 3px 3px 4px #000;
box-shadow: 3px 3px 4px #000;

/* For IE 8 */
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
/* For IE 5.5 - 7 */
filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');

---

这是一个老问题，但我有同样的问题，我想分享我的解决方案，所以这可能对其他人有任何帮助

我还没有找到一种直接将长方体阴影放置在面板上的方法。看起来，面板元素外部的所有可视内容都将被剪切（阴影放置在外部）

但是，我随后为第一个子项定义了阴影，并添加了一些边距，以便阴影可见

对于给定的示例，这可能看起来像这样（未测试）：

---

尝试了两种方法：

#自动标记书签{高度：200px；宽度：400px；-moz框阴影：默认值；框阴影：10px，10px，5px，黑色；边框样式：实心；边框宽度：1px；-moz边框底部颜色：aqua；-moz边框顶部颜色：aqua；-moz边框左侧颜色：aqua；-moz边框右侧颜色：aqua；边框半径：4px；边框底部右侧-半径：15px；边框左下半径：15px；/*填充：300px，300px，300px；*/*边距：100px，100px，100px；*/背景色：白色；/*不透明度：0.95；*/}

{mainpopupup{box shadow:10px，#000}此处：

panel#autoTagBookmarksPopup {
    background-color: transparent;
    border-width: 0px;
}

panel > hbox#titleBox {
    margin: 5px;
    border: 1px solid #bbb;
    background-color: #fff;
    box-shadow: 2px 2px 3px #888;
}