【发布时间】:2014-11-30 09:49:27
【问题描述】:
我有一个包含两个孩子的元素,其中一个是绝对定位的。我希望这个绝对定位的元素在它的兄弟元素之后。看来z-index 没有太大作用。我该如何做到这一点?
JSFiddle 在这里:http://jsfiddle.net/03c3qq6w/ 我希望绿色框位于红色框的后面。
【问题讨论】:
我有一个包含两个孩子的元素,其中一个是绝对定位的。我希望这个绝对定位的元素在它的兄弟元素之后。看来z-index 没有太大作用。我该如何做到这一点?
JSFiddle 在这里:http://jsfiddle.net/03c3qq6w/ 我希望绿色框位于红色框的后面。
【问题讨论】:
将 position: relative 放到 #two div 解决问题:http://jsfiddle.net/03c3qq6w/1/
#two {
position: relative;
}
要使用 z-index,您必须将 position 添加到您的元素。
来自 Css-Tricks:
CSS中的z-index属性控制垂直堆叠顺序 重叠的元素。如,哪一个看起来好像是物理的 离你更近。 z-index 仅影响具有位置的元素 静态以外的值(默认值)。
【讨论】: