【问题标题】:Absolute positioning behind non-absolute element非绝对元素后面的绝对定位
【发布时间】:2014-11-30 09:49:27
【问题描述】:

我有一个包含两个孩子的元素,其中一个是绝对定位的。我希望这个绝对定位的元素它的兄弟元素之后。看来z-index 没有太大作用。我该如何做到这一点?

JSFiddle 在这里:http://jsfiddle.net/03c3qq6w/ 我希望绿色框位于红色框的后面。

【问题讨论】:

    标签: html css z-index absolute


    【解决方案1】:

    position: relative 放到 #two div 解决问题:http://jsfiddle.net/03c3qq6w/1/

    #two {
        position: relative;
    }
    

    要使用 z-index,您必须将 position 添加到您的元素。

    来自 Css-Tricks

    CSS中的z-index属性控制垂直堆叠顺序 重叠的元素。如,哪一个看起来好像是物理的 离你更近。 z-index 仅影响具有位置的元素 静态以外的值(默认值)。

    http://css-tricks.com/almanac/properties/z/z-index/

    【讨论】:

    • 我没有意识到默认定位元素不能有 z-indexes。谢谢你!
    猜你喜欢
    • 1970-01-01
    • 2014-04-04
    • 1970-01-01
    • 2019-06-22
    • 1970-01-01
    • 1970-01-01
    • 2012-12-25
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多