给窗口添加阴影答案

【问题标题】：Add shadow to window给窗口添加阴影
【发布时间】：2014-08-01 13:49:09
【问题描述】：

我有下一个 XUL 文件：

<window id="SomeWindow" html:role="alert" onload="init(event);" sizemode="normal"  hidechrome="true" orient="horizontal">
  <script type="application/javascript" src="chrome://browser/content/test.js"/>
  <button id="SomeButton"/>
</window>

和 CSS 文件：

#SomeWindow{
  width: 1px;
  margin: 4px -1px 4px 0;
  background-color: #FFCA80;
  position: relative;
  z-index: 1;
  box-shadow: 10px 5px 5px black;
}

添加box-shadow: 10px 5px 5px black; 没有帮助...

关于如何添加阴影效果的任何想法。

【问题讨论】：

不清楚您要做什么。什么的影子？
我不明白你在说什么。这应该是什么样子？有图片吗？
它应该看起来像i.stack.imgur.com/2evSK.jpg
窗口将出现在哪个 HTML 元素中？您必须为其添加阴影。
不确定您在“什么 HTML 元素”下的意思。我需要在 xul 中添加 'window' 元素

标签： css xul

【解决方案1】：

您错过了脚本的结束标记。我重新创建了你的代码，它现在可以工作了：

<window id="SomeWindow" html:role="alert" onload="init(event);" sizemode="normal"  hidechrome="true" orient="horizontal">
      <script type="application/javascript" src="chrome://browser/content/test.js"/></script>
      <button id="SomeButton"/>
    </window>

<style>
    #SomeWindow {
  width: 100px;
  margin: 4px -1px 4px 0;
  background-color: #FFCA80;
  position: relative;
  z-index: 1;
  box-shadow: 10px 5px 5px black;
}
</style>

【讨论】：