更改div元素的顺序

Question

我在此页http://www.fospower.com/test上有一个开/关jquery开关，它基本上以深色覆盖整个页面。但是我需要一些帮助才能使下面的div显示在叠加层上方。欢迎任何帮助。

我尝试过更改z-index和溢出内容，但这似乎没有任何帮助。

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

Answer 1

如果你通过JS添加叠加层，那么只需在叠加层之后添加div，如果你只是使用html那么样式，那么只需在最后添加你想要的div并使其位置绝对然后它应该出现在叠加层顶部