Css div元素的变更顺序

我在这个页面上有一个开/关jquery开关，它基本上以深色覆盖了整个页面。然而，我需要一些帮助，试图使下面的div出现在覆盖层之上。欢迎任何帮助

我尝试过改变z索引和溢出内容，但这似乎没有任何帮助

<div id="light">
    <div id="itoggle">
        <p style="text-align:center">Turn Off The Lights</p>
        <label class="itoggle iToff" for="lightswitch"><span></span></label>
        <input id="lightswitch" type="checkbox" class="iT_checkbox">
    </div>
</div>

关灯

如果您是通过JS添加覆盖，则只需在覆盖后添加div。如果您只是使用html，则只需在末尾添加所需的div，并使其处于绝对位置，然后它应显示在覆盖顶部

请在此处添加有意义的代码和问题描述。不要只链接到需要修复的站点——否则，一旦问题解决，这个问题将对未来的访问者失去任何价值。发布一个能证明你的问题的帖子会帮助你得到更好的答案。有关更多信息，请参阅“谢谢！”！将新的div设置为“dim background窗帘”div的子div，它将出现在它的前面。对不起，j08691，我已经更新为更具体的版本