Question

我有下一个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;无效...

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

Answer 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>

向窗口添加阴影

1 个答案: