logo Jquery 탭 위로 그리기

Question

나는 헤더가 있으며 그 아래에 JQuery 탭 탐색기가 그려져 있습니다. 나는 탭의 왼쪽에 패딩을 가지고 있고 헤더 이미지가 탭 네비게이터 영역 위로 오길 원합니다. 지금은 패널 뒤에 숨어 있습니다. 이미지를 숨기면 안됩니다. CSS에서 어떤 속성을 사용합니까? 여기 Fiddle Link

내가

.logo 
{ 
    float:left; 
    height:50px; 
    padding-left: 1em; 
    padding-right:1.5em; 
    z-index: 5; 
}` 

`와 시도,하지만 작동하지 않습니다. 감사합니다.

Answer 1

z-index은 위치 지정된 요소에 대해서만 의미가 있습니다. 따라서 당신이 position: relative;를 추가해야합니다 :

.logo 
{ 
    float:left; 
    height:50px; 
    padding-left: 1em; 
    padding-right:1.5em; 
    z-index: 5; 
    position: relative; 
} 

참조 : http://www.w3.org/wiki/CSS/Properties/z-index