CSS 배경 이미지 및 드롭 그림자

Question

내 탭의 상단에 표시하려면이 페이지와 그림자에 배경 이미지를 얻기에 어려움을 겪고있어

... [URL_REMOVED]

은 왼쪽 탭은 아래의 "해야한다 "흰색 컨텐츠 영역이므로 그림자 효과가 탭 상단에 있어야합니다. 두 번째 문제는 그라디언트 배경을 적용하기 위해 CSS를 사용하고 있고, 배경 이미지도 갖고 싶습니다. 작동하지 않습니다. 아무도 내가 왜 알아낼 수 있습니까?

Answer 1

#main 및 #side를 기준으로 postion을 추가해야합니다. z- 색인은 위치 지정 (절대/상대) 요소에서만 작동합니다.

#main { 
    … 
    position: relative; 
    z-index: 2; 
} 

#side { 
    …  
    position: relative; 
    z-index: 1; 
}