절대가 아닌 요소 뒤에 절대 위치 지정

Question

두 개의 자식을 포함하는 요소가 있는데 그 중 하나는 절대적으로 배치됩니다. 나는이 절대 위치 요소가 이고 그 형제 자모는이라고 생각한다. z-index에는 효과가별로없는 것 같습니다. 어떻게해야합니까?

JSFiddle 여기 : http://jsfiddle.net/03c3qq6w/ 빨간색 상자 뒤에 녹색 상자를 넣고 싶습니다.

Answer 1

위치를 퍼팅 : Z- 인덱스 당신이를 사용하려면 http://jsfiddle.net/03c3qq6w/1/

#two { 
    position: relative; 
} 

이 요소에 위치을 추가 : 상대사업부#two에이 문제를 해결. CSS를 트릭 가입일

:

는

CSS의 Z 색인 속성 겹쳐 요소의 수직 적층 순서를 제어한다. 마찬가지로 어느 것이 물리적으로 마치 당신에게 가까이에 인 것처럼 나타납니다. Z- 색인은 위치가 인 정적 (기본값) 값을 갖는 요소에만 영향을 미칩니다.

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