css - 更改 div 元素的顺序

标签 css model z-index

我在这个页面上有一个开/关 jquery 开关 http://www.fospower.com/test基本上以深色覆盖整个页面。但是我需要一些帮助来尝试使下面的 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>

最佳答案

如果您通过 JS 添加叠加层,那么只需在叠加层之后添加 div 如果您只是使用 html,那么样式也一样,只需在末尾添加您想要的 div,然后使其绝对定位应该出现在叠加层之上

关于css - 更改 div 元素的顺序,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24334537/

相关文章:

javascript - 如何使用 :after using jQuery? 编辑在 CSS 中创建的元素

css - block 元素中 @font-face 的 Safari 问题

c# - 如何在绘制前调整网格模型的位置

css - 使用 CSS 和 z-index 创建页面叠加层,然后将一个元素放置在叠加层之上

html - 具有 :before - unexpected background behaviour/stacking order 的 CSS 等高列

html - CSS Sprite 不工作 - 编辑这个 Fiddle

javascript - 图像源集到底如何工作?

ruby - Rails 模型单数格式

ruby-on-rails - Rails - 放置非 Active Record 模型的位置(目录)

html - 视差布局和 z-index